*,:after,:before {
    -moz-user-select: none
}

:focus {
    outline: 0
}

.font-weight-bold {
    font-weight: 700;
    letter-spacing: .01em
}

:root {
    --bgX: 0;
    --pixel-ratio-factor: 1
}

:root .pixel-ratio__1_5 {
    --pixel-ratio-factor: 1.5;
    --scaled-one-pixel: .66666667px;
    --scaled-two-pixel: 1.33333333px
}

:root .pixel-ratio__1_25 {
    --pixel-ratio-factor: 1.25;
    --scaled-one-pixel: .8px;
    --scaled-two-pixel: 1.6px
}

:root .pixel-ratio__1_75 {
    --pixel-ratio-factor: 1.75;
    --scaled-one-pixel: .57142857px;
    --scaled-two-pixel: 1.14285714px
}

.img-commonctrl.img-colored {
    filter: none
}

.btn-toolbar .icon.img-commonctrl,.dropdown-menu li .checked:before,.img-commonctrl,.input-error:before,.input-warning:before,.list-item div.checked:before {
    background-image: url(../../../../common/main/resources/img/controls/common-controls.png);
    background-repeat: no-repeat;
    filter: var(--component-normal-icon-filter)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    .btn-toolbar .icon.img-commonctrl,.dropdown-menu li .checked:before,.img-commonctrl,.input-error:before,.input-warning:before,.list-item div.checked:before {
        background-image:url(../../../../common/main/resources/img/controls/common-controls@1.5x.png);
        background-size: 100px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .btn-toolbar .icon.img-commonctrl,.dropdown-menu li .checked:before,.img-commonctrl,.input-error:before,.input-warning:before,.list-item div.checked:before {
        background-image:url(../../../../common/main/resources/img/controls/common-controls@2x.png);
        background-size: 100px auto
    }
}

.pixel-ratio__1_25 .btn-toolbar .icon.img-commonctrl,.pixel-ratio__1_25 .dropdown-menu li .checked:before,.pixel-ratio__1_25 .img-commonctrl,.pixel-ratio__1_25 .input-error:before,.pixel-ratio__1_25 .input-warning:before,.pixel-ratio__1_25 .list-item div.checked:before {
    background-image: url(../../../../common/main/resources/img/controls/common-controls@1.25x.png);
    background-size: 100px auto
}

.pixel-ratio__1_75 .btn-toolbar .icon.img-commonctrl,.pixel-ratio__1_75 .dropdown-menu li .checked:before,.pixel-ratio__1_75 .img-commonctrl,.pixel-ratio__1_75 .input-error:before,.pixel-ratio__1_75 .input-warning:before,.pixel-ratio__1_75 .list-item div.checked:before {
    background-image: url(../../../../common/main/resources/img/controls/common-controls@1.75x.png);
    background-size: 100px auto
}

.hsb-colorpicker .empty-color:before,.img-colorpicker {
    background-image: url(../../../../common/main/resources/img/hsbcolorpicker/hsb-colorpicker.png);
    background-repeat: no-repeat;
    background-size: 208px auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    .hsb-colorpicker .empty-color:before,.img-colorpicker {
        background-image:url(../../../../common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.5x.png);
        background-size: 208px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .hsb-colorpicker .empty-color:before,.img-colorpicker {
        background-image:url(../../../../common/main/resources/img/hsbcolorpicker/hsb-colorpicker@2x.png);
        background-size: 208px auto
    }
}

.pixel-ratio__1_25 .hsb-colorpicker .empty-color:before,.pixel-ratio__1_25 .img-colorpicker {
    background-image: url(../../../../common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.25x.png)
}

.pixel-ratio__1_75 .hsb-colorpicker .empty-color:before,.pixel-ratio__1_75 .img-colorpicker {
    background-image: url(../../../../common/main/resources/img/hsbcolorpicker/hsb-colorpicker@1.75x.png)
}

.icon.lang-flag {
    width: 16px;
    height: 12px;
    background-image: url(../../../../common/main/resources/img/controls/flags.png);
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    .icon.lang-flag {
        background-image:url(../../../../common/main/resources/img/controls/flags@1.5x.png);
        background-size: 48px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .icon.lang-flag {
        background-image:url(../../../../common/main/resources/img/controls/flags@2x.png);
        background-size: 48px auto
    }
}

.ie .toolbar__icon.toolbar__icon-big {
    background-image: url(../img/iconsbig.png)
}

:root {
    --toolbar-header-document: #446995;
    --toolbar-header-spreadsheet: #40865c;
    --toolbar-header-presentation: #aa5252;
    --text-toolbar-header-on-background-document: #38567A;
    --text-toolbar-header-on-background-spreadsheet: #336B49;
    --text-toolbar-header-on-background-presentation: #8D4444;
    --background-normal: #fff;
    --background-toolbar: #f7f7f7;
    --background-toolbar-additional: #efefef;
    --background-primary-dialog-button: #444;
    --background-accent-button: #446995;
    --background-tab-underline: #444;
    --background-notification-popover: #fcfed7;
    --background-notification-badge: #ffd112;
    --background-scrim: rgba(0,0,0,0.2);
    --background-loader: rgba(24,24,24,0.9);
    --background-alt-key-hint: #FFD938;
    --background-contrast-popover: #fff;
    --shadow-contrast-popover: rgba(0,0,0,0.3);
    --highlight-button-hover: #e0e0e0;
    --highlight-button-pressed: #cbcbcb;
    --highlight-button-pressed-hover: #bababa;
    --highlight-primary-dialog-button-hover: #1c1c1c;
    --highlight-accent-button-hover: #375478;
    --highlight-accent-button-pressed: #293f59;
    --highlight-header-button-hover: rgba(255,255,255,0.15);
    --highlight-header-button-pressed: rgba(255,255,255,0.25);
    --highlight-toolbar-tab-underline: #444;
    --highlight-text-select: #3494fb;
    --border-toolbar: #cbcbcb;
    --border-toolbar-active-panel-top: var(--background-toolbar);
    --border-divider: #dfdfdf;
    --border-regular-control: #c0c0c0;
    --border-toolbar-button-hover: #e0e0e0;
    --border-preview-hover: #bababa;
    --border-preview-select: #888;
    --border-control-focus: #848484;
    --border-color-shading: rgba(0,0,0,0.15);
    --border-error: #f62211;
    --border-contrast-popover: #fff;
    --text-normal: rgba(0,0,0,0.8);
    --text-normal-pressed: rgba(0,0,0,0.8);
    --text-secondary: rgba(0,0,0,0.6);
    --text-tertiary: rgba(0,0,0,0.4);
    --text-link: #445799;
    --text-link-hover: #445799;
    --text-link-active: #445799;
    --text-link-visited: #445799;
    --text-inverse: #fff;
    --text-toolbar-header: #fff;
    --text-contrast-background: #fff;
    --text-alt-key-hint: rgba(0,0,0,0.8);
    --icon-normal: #444;
    --icon-normal-pressed: #444;
    --icon-inverse: #fff;
    --icon-toolbar-header: #fff;
    --icon-notification-badge: #000;
    --icon-contrast-popover: #fff;
    --icon-success: #090;
    --canvas-background: #eee;
    --canvas-content-background: #fff;
    --canvas-page-border: #ccc;
    --canvas-ruler-background: #fff;
    --canvas-ruler-border: #cbcbcb;
    --canvas-ruler-margins-background: #d9d9d9;
    --canvas-ruler-mark: #555;
    --canvas-ruler-handle-border: #555;
    --canvas-ruler-handle-border-disabled: #aaa;
    --canvas-high-contrast: #000;
    --canvas-high-contrast-disabled: #666;
    --canvas-cell-border: rgba(0,0,0,0.1);
    --canvas-cell-title: #444;
    --canvas-cell-title-hover: #dfdfdf;
    --canvas-cell-title-selected: #cfcfcf;
    --canvas-cell-title-border: #d8d8d8;
    --canvas-cell-title-border-hover: #c9c9c9;
    --canvas-cell-title-border-selected: #bbb;
    --canvas-dark-cell-title: #666666;
    --canvas-dark-cell-title-hover: #999;
    --canvas-dark-cell-title-selected: #333;
    --canvas-dark-cell-title-border: #3d3d3d;
    --canvas-dark-cell-title-border-hover: #5c5c5c;
    --canvas-dark-cell-title-border-selected: #0f0f0f;
    --canvas-dark-content-background: #3a3a3a;
    --canvas-dark-page-border: #2a2a2a;
    --canvas-scroll-thumb: #f7f7f7;
    --canvas-scroll-thumb-hover: #c0c0c0;
    --canvas-scroll-thumb-pressed: #adadad;
    --canvas-scroll-thumb-border: #cbcbcb;
    --canvas-scroll-thumb-border-hover: #cbcbcb;
    --canvas-scroll-thumb-border-pressed: #adadad;
    --canvas-scroll-arrow: #adadad;
    --canvas-scroll-arrow-hover: #f7f7f7;
    --canvas-scroll-arrow-pressed: #f7f7f7;
    --canvas-scroll-thumb-target: #c0c0c0;
    --canvas-scroll-thumb-target-hover: #f7f7f7;
    --canvas-scroll-thumb-target-pressed: #f7f7f7;
    --button-header-normal-icon-offset-x: -20px;
    --button-header-active-icon-offset-x: -20px;
    --modal-window-mask-opacity: .2;
    --image-border-types-filter: none;
    --image-border-types-filter-selected: none;
    --component-normal-icon-filter: none;
    --component-normal-icon-opacity: .8;
    --component-hover-icon-opacity: .8;
    --component-active-icon-opacity: 1;
    --component-active-hover-icon-opacity: 1;
    --component-disabled-opacity: .4;
    --header-component-normal-icon-opacity: .8;
    --header-component-hover-icon-opacity: .8;
    --header-component-active-icon-opacity: 1;
    --header-component-active-hover-icon-opacity: 1
}

:root .theme-classic-light {
    --toolbar-header-document: #446995;
    --toolbar-header-spreadsheet: #40865c;
    --toolbar-header-presentation: #aa5252;
    --text-toolbar-header-on-background-document: #38567A;
    --text-toolbar-header-on-background-spreadsheet: #336B49;
    --text-toolbar-header-on-background-presentation: #8D4444;
    --background-normal: #fff;
    --background-toolbar: #f1f1f1;
    --background-toolbar-additional: #f1f1f1;
    --background-primary-dialog-button: #7d858c;
    --background-accent-button: #446995;
    --background-tab-underline: #444;
    --background-notification-popover: #fcfed7;
    --background-notification-badge: #ffd112;
    --background-scrim: rgba(0,0,0,0.2);
    --background-loader: rgba(0,0,0,0.65);
    --background-contrast-popover: #fff;
    --highlight-button-hover: #d8dadc;
    --highlight-button-pressed: #7d858c;
    --highlight-button-pressed-hover: #7d858c;
    --highlight-primary-dialog-button-hover: #666d73;
    --highlight-accent-button-hover: #375478;
    --highlight-accent-button-pressed: #293f59;
    --highlight-header-button-hover: rgba(255,255,255,0.2);
    --highlight-header-button-pressed: rgba(0,0,0,0.2);
    --highlight-toolbar-tab-underline: #444;
    --highlight-text-select: #3494fb;
    --border-toolbar: #cbcbcb;
    --border-divider: #cbcbcb;
    --border-regular-control: #cfcfcf;
    --border-toolbar-button-hover: #d8dadc;
    --border-preview-hover: #cfcfcf;
    --border-preview-select: #848484;
    --border-control-focus: #848484;
    --border-color-shading: rgba(0,0,0,0.2);
    --border-error: #d9534f;
    --border-contrast-popover: #fff;
    --text-normal: #444;
    --text-normal-pressed: #fff;
    --text-secondary: #a5a5a5;
    --text-tertiary: #a5a5a5;
    --text-link: #445799;
    --text-link-hover: #445799;
    --text-link-active: #445799;
    --text-link-visited: #445799;
    --text-inverse: #fff;
    --text-toolbar-header: #fff;
    --text-contrast-background: #fff;
    --text-alt-key-hint: #444;
    --icon-normal: #444;
    --icon-normal-pressed: #fff;
    --icon-inverse: #444;
    --icon-toolbar-header: #fff;
    --icon-notification-badge: #000;
    --icon-contrast-popover: #fff;
    --icon-success: #5b9f27;
    --canvas-background: #e2e2e2;
    --canvas-content-background: #fff;
    --canvas-page-border: #bbbec2;
    --canvas-ruler-background: #fff;
    --canvas-ruler-border: #cbcbcb;
    --canvas-ruler-margins-background: #d6d6d6;
    --canvas-ruler-mark: #585b5e;
    --canvas-ruler-handle-border: #555;
    --canvas-ruler-handle-border-disabled: #a9afb5;
    --canvas-high-contrast: #000;
    --canvas-high-contrast-disabled: #82878f;
    --canvas-cell-border: rgba(0,0,0,0.1);
    --canvas-cell-title: #444;
    --canvas-cell-title-hover: #d6d6d6;
    --canvas-cell-title-selected: #c1c1c1;
    --canvas-cell-title-border: #cdcdcd;
    --canvas-cell-title-border-hover: #afafaf;
    --canvas-cell-title-border-selected: #929292;
    --canvas-dark-cell-title: #666666;
    --canvas-dark-cell-title-hover: #999;
    --canvas-dark-cell-title-selected: #333;
    --canvas-dark-cell-title-border: #3d3d3d;
    --canvas-dark-cell-title-border-hover: #5c5c5c;
    --canvas-dark-cell-title-border-selected: #0f0f0f;
    --canvas-scroll-thumb: #f1f1f1;
    --canvas-scroll-thumb-hover: #cfcfcf;
    --canvas-scroll-thumb-pressed: #adadad;
    --canvas-scroll-thumb-border: #cfcfcf;
    --canvas-scroll-thumb-border-hover: #cfcfcf;
    --canvas-scroll-thumb-border-pressed: #adadad;
    --canvas-scroll-arrow: #adadad;
    --canvas-scroll-arrow-hover: #f1f1f1;
    --canvas-scroll-arrow-pressed: #f1f1f1;
    --canvas-scroll-thumb-target: #cfcfcf;
    --canvas-scroll-thumb-target-hover: #f1f1f1;
    --canvas-scroll-thumb-target-pressed: #f1f1f1;
    --button-small-normal-icon-offset-x: 0;
    --button-small-active-icon-offset-x: -20px;
    --button-large-normal-icon-offset-x: 0;
    --button-large-active-icon-offset-x: -31px;
    --button-huge-normal-icon-offset-x: 0;
    --button-huge-active-icon-offset-x: -40px;
    --button-xhuge-normal-icon-offset-x: 0;
    --button-xhuge-active-icon-offset-x: -28px;
    --modal-window-mask-opacity: .6;
    --image-border-types-filter: none;
    --image-border-types-filter-selected: invert(100%) brightness(4);
    --component-normal-icon-filter: none;
    --component-normal-icon-opacity: .8;
    --component-hover-icon-opacity: .8;
    --component-active-icon-opacity: 1;
    --component-active-hover-icon-opacity: 1;
    --component-disabled-opacity: .4;
    --header-component-normal-icon-opacity: .8;
    --header-component-hover-icon-opacity: .8;
    --header-component-active-icon-opacity: 1;
    --header-component-active-hover-icon-opacity: 1;
    --menu-icon-item-checked-offset-x: -20px
}

:root .theme-dark {
    --toolbar-header-document: #2a2a2a;
    --toolbar-header-spreadsheet: #2a2a2a;
    --toolbar-header-presentation: #2a2a2a;
    --text-toolbar-header-on-background-document: #2a2a2a;
    --text-toolbar-header-on-background-spreadsheet: #2a2a2a;
    --text-toolbar-header-on-background-presentation: #2a2a2a;
    --background-normal: #333;
    --background-toolbar: #404040;
    --background-toolbar-additional: #505050;
    --background-primary-dialog-button: #ddd;
    --background-accent-button: #486F9E;
    --background-tab-underline: #ddd;
    --background-notification-popover: #3e5968;
    --background-notification-badge: #ffd112;
    --background-scrim: rgba(0,0,0,0.6);
    --background-loader: rgba(24,24,24,0.9);
    --background-alt-key-hint: #FFD938;
    --background-contrast-popover: #313131;
    --highlight-button-hover: #555;
    --highlight-button-pressed: #707070;
    --highlight-button-pressed-hover: #808080;
    --highlight-primary-dialog-button-hover: #fcfcfc;
    --highlight-accent-button-hover: #75a2d6;
    --highlight-accent-button-pressed: #89afdc;
    --highlight-header-button-hover: rgba(255,255,255,0.05);
    --highlight-header-button-pressed: rgba(255,255,255,0.15);
    --highlight-toolbar-tab-underline: #ddd;
    --highlight-text-select: #96c8fd;
    --border-toolbar: #616161;
    --border-toolbar-active-panel-top: var(--background-toolbar);
    --border-divider: #505050;
    --border-regular-control: #666;
    --border-toolbar-button-hover: #5a5a5a;
    --border-preview-hover: #757575;
    --border-preview-select: #bdbdbd;
    --border-control-focus: #ccc;
    --border-color-shading: rgba(255,255,255,0.1);
    --border-error: #f62211;
    --border-contrast-popover: #666;
    --text-normal: rgba(255,255,255,0.8);
    --text-normal-pressed: rgba(255,255,255,0.8);
    --text-secondary: rgba(255,255,255,0.6);
    --text-tertiary: rgba(255,255,255,0.4);
    --text-link: #b5e4ff;
    --text-link-hover: #b5e4ff;
    --text-link-active: #b5e4ff;
    --text-link-visited: #b5e4ff;
    --text-inverse: #333;
    --text-toolbar-header: rgba(255,255,255,0.8);
    --text-contrast-background: #fff;
    --text-alt-key-hint: #2a2a2a;
    --icon-normal: rgba(255,255,255,0.8);
    --icon-normal-pressed: rgba(255,255,255,0.8);
    --icon-inverse: #444;
    --icon-toolbar-header: rgba(255,255,255,0.8);
    --icon-notification-badge: #000;
    --icon-contrast-popover: #fff;
    --icon-success: #090;
    --canvas-background: #555;
    --canvas-content-background: #fff;
    --canvas-page-border: #555;
    --canvas-ruler-background: #555;
    --canvas-ruler-border: #2A2A2A;
    --canvas-ruler-margins-background: #444;
    --canvas-ruler-mark: #b6b6b6;
    --canvas-ruler-handle-border: #b6b6b6;
    --canvas-ruler-handle-border-disabled: #808080;
    --canvas-high-contrast: #fff;
    --canvas-high-contrast-disabled: #ccc;
    --canvas-cell-border: rgba(0,0,0,0.1);
    --canvas-cell-title: #d9d9d9;
    --canvas-cell-title-border: #757575;
    --canvas-cell-title-border-hover: #858585;
    --canvas-cell-title-border-selected: #9e9e9e;
    --canvas-cell-title-hover: #787878;
    --canvas-cell-title-selected: #939393;
    --canvas-dark-cell-title: #55B27B;
    --canvas-dark-cell-title-hover: #7AFFAF;
    --canvas-dark-cell-title-selected: #6EE59F;
    --canvas-dark-cell-title-border: #282828;
    --canvas-dark-cell-title-border-hover: #191919;
    --canvas-dark-cell-title-border-selected: #474747;
    --canvas-scroll-thumb: #404040;
    --canvas-scroll-thumb-hover: #999;
    --canvas-scroll-thumb-pressed: #adadad;
    --canvas-scroll-thumb-border: #2a2a2a;
    --canvas-scroll-thumb-border-hover: #999;
    --canvas-scroll-thumb-border-pressed: #adadad;
    --canvas-scroll-arrow: #999;
    --canvas-scroll-arrow-hover: #404040;
    --canvas-scroll-arrow-pressed: #404040;
    --canvas-scroll-thumb-target: #999;
    --canvas-scroll-thumb-target-hover: #404040;
    --canvas-scroll-thumb-target-pressed: #404040;
    --button-small-normal-icon-offset-x: -20px;
    --button-small-active-icon-offset-x: -20px;
    --button-large-normal-icon-offset-x: -31px;
    --button-large-active-icon-offset-x: -31px;
    --button-huge-normal-icon-offset-x: -40px;
    --button-huge-active-icon-offset-x: -40px;
    --button-xhuge-normal-icon-offset-x: -28px;
    --button-xhuge-active-icon-offset-x: -28px;
    --modal-window-mask-opacity: .6;
    --image-border-types-filter: invert(100%) brightness(4);
    --image-border-types-filter-selected: invert(100%) brightness(4);
    --component-normal-icon-filter: invert(100%);
    --component-normal-icon-opacity: .8;
    --component-hover-icon-opacity: .8;
    --component-active-icon-opacity: 1;
    --component-active-hover-icon-opacity: 1;
    --component-disabled-opacity: .4;
    --header-component-normal-icon-opacity: .8;
    --header-component-hover-icon-opacity: .8;
    --header-component-active-icon-opacity: 1;
    --header-component-active-hover-icon-opacity: 1;
    --menu-icon-item-checked-offset-x: -20px
}

:root .theme-contrast-dark {
    --toolbar-header-document: #1e1e1e;
    --toolbar-header-spreadsheet: #1e1e1e;
    --toolbar-header-presentation: #1e1e1e;
    --text-toolbar-header-on-background-document: #2a2a2a;
    --text-toolbar-header-on-background-spreadsheet: #2a2a2a;
    --text-toolbar-header-on-background-presentation: #2a2a2a;
    --background-normal: #212121;
    --background-toolbar: #2a2a2a;
    --background-toolbar-additional: #2a2a2a;
    --background-primary-dialog-button: #E6E6E6;
    --background-accent-button: #4d76a8;
    --background-tab-underline: #717171;
    --background-notification-popover: #5f5d81;
    --background-notification-badge: #7792fd;
    --background-scrim: rgba(0,0,0,0.6);
    --background-loader: rgba(18,18,18,0.95);
    --background-alt-key-hint: #FFD938;
    --background-contrast-popover: #121212;
    --highlight-button-hover: #424242;
    --highlight-button-pressed: #666666;
    --highlight-button-pressed-hover: #828282;
    --highlight-primary-dialog-button-hover: #a6a6a6;
    --highlight-accent-button-hover: #75a2d6;
    --highlight-accent-button-pressed: #89afdc;
    --highlight-header-button-hover: #424242;
    --highlight-header-button-pressed: #828282;
    --highlight-toolbar-tab-underline: #d0d0d0;
    --highlight-text-select: #96c8fd;
    --border-toolbar: #616161;
    --border-divider: #414141;
    --border-toolbar-active-panel-top: var(--border-toolbar);
    --border-regular-control: #696969;
    --border-toolbar-button-hover: #616161;
    --border-preview-hover: #828282;
    --border-preview-select: #888;
    --border-control-focus: #b8b8b8;
    --border-color-shading: rgba(255,255,255,0.15);
    --border-error: #f62211;
    --border-contrast-popover: #616161;
    --text-normal: #e8e8e8;
    --text-normal-pressed: #e8e8e8;
    --text-secondary: #b8b8b8;
    --text-tertiary: #888888;
    --text-link: #ffd78c;
    --text-link-hover: #ffd78c;
    --text-link-active: #ffd78c;
    --text-link-visited: #ffd78c;
    --text-inverse: #121212;
    --text-toolbar-header: #e8e8e8;
    --text-contrast-background: #fff;
    --text-alt-key-hint: #121212;
    --icon-normal: #e8e8e8;
    --icon-normal-pressed: #e8e8e8;
    --icon-inverse: #2a2a2a;
    --icon-toolbar-header: #d0d0d0;
    --icon-notification-badge: #121212;
    --icon-contrast-popover: #fff;
    --icon-success: #090;
    --canvas-background: #121212;
    --canvas-content-background: #fff;
    --canvas-page-border: #5f5f5f;
    --canvas-ruler-background: #414141;
    --canvas-ruler-border: #616161;
    --canvas-ruler-margins-background: #1e1e1e;
    --canvas-ruler-mark: #d0d0d0;
    --canvas-ruler-handle-border: #b8b8b8;
    --canvas-ruler-handle-border-disabled: #717171;
    --canvas-high-contrast: #c3c3c3;
    --canvas-high-contrast-disabled: #7d7d7d;
    --canvas-cell-border: #656565;
    --canvas-cell-title: #e8e8e8;
    --canvas-cell-title-border: #616161;
    --canvas-cell-title-border-hover: #a0a0a0;
    --canvas-cell-title-border-selected: #888888;
    --canvas-cell-title-hover: #303030;
    --canvas-cell-title-selected: #3d3d3d;
    --canvas-dark-cell-title: #55B27B;
    --canvas-dark-cell-title-hover: #7AFFAF;
    --canvas-dark-cell-title-selected: #6EE59F;
    --canvas-dark-cell-title-border: #717171;
    --canvas-dark-cell-title-border-hover: #a0a0a0;
    --canvas-dark-cell-title-border-selected: #b8b8b8;
    --canvas-scroll-thumb: #2a2a2a;
    --canvas-scroll-thumb-hover: #424242;
    --canvas-scroll-thumb-pressed: #4d4d4d;
    --canvas-scroll-thumb-border: #616161;
    --canvas-scroll-thumb-border-hover: #616161;
    --canvas-scroll-thumb-border-pressed: #616161;
    --canvas-scroll-arrow: #7d7d7d;
    --canvas-scroll-arrow-hover: #8c8c8c;
    --canvas-scroll-arrow-pressed: #999999;
    --canvas-scroll-thumb-target: #717171;
    --canvas-scroll-thumb-target-hover: #8c8c8c;
    --canvas-scroll-thumb-target-pressed: #999999;
    --button-small-normal-icon-offset-x: -20px;
    --button-small-active-icon-offset-x: -20px;
    --button-large-normal-icon-offset-x: -31px;
    --button-large-active-icon-offset-x: -31px;
    --button-huge-normal-icon-offset-x: -40px;
    --button-huge-active-icon-offset-x: -40px;
    --button-xhuge-normal-icon-offset-x: -28px;
    --button-xhuge-active-icon-offset-x: -28px;
    --modal-window-mask-opacity: .6;
    --image-border-types-filter: invert(100%) brightness(4);
    --image-border-types-filter-selected: invert(100%) brightness(4);
    --component-normal-icon-filter: invert(100%);
    --component-normal-icon-opacity: .8;
    --component-hover-icon-opacity: .8;
    --component-active-icon-opacity: 1;
    --component-active-hover-icon-opacity: 1;
    --component-disabled-opacity: .4;
    --header-component-normal-icon-opacity: .8;
    --header-component-hover-icon-opacity: .8;
    --header-component-active-icon-opacity: 1;
    --header-component-active-hover-icon-opacity: 1;
    --menu-icon-item-checked-offset-x: -20px
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: var(--font-family-base-custom,Arial,Helvetica,"Helvetica Neue",sans-serif),Arial,Helvetica,"Helvetica Neue",sans-serif;
    font-size: 11px;
    line-height: 1.42857143;
    color: #cbcbcb;
    background-color: #fff
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #428bca;
    text-decoration: none
}

a:focus,a:hover {
    color: #2a6496;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #ededed
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: var(--font-family-base-custom,Arial,Helvetica,"Helvetica Neue",sans-serif),Arial,Helvetica,"Helvetica Neue",sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #f1f1f1
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 15px;
    margin-bottom: 7.5px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 7.5px;
    margin-bottom: 7.5px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 28px
}

.h2,h2 {
    font-size: 23px
}

.h3,h3 {
    font-size: 19px
}

.h4,h4 {
    font-size: 14px
}

.h5,h5 {
    font-size: 11px
}

.h6,h6 {
    font-size: 10px
}

p {
    margin: 0 0 7.5px
}

.lead {
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:16.5px
    }
}

.small,small {
    font-size: 81%
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #f1f1f1
}

.text-primary {
    color: #428bca
}

a.text-primary:focus,a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 6.5px;
    margin: 30px 0 15px;
    border-bottom: 1px solid #ededed
}

ol,ul {
    margin-top: 0;
    margin-bottom: 7.5px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 15px
}

dd,dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 7.5px 15px;
    margin: 0 0 15px;
    font-size: 13.75px;
    border-left: 5px solid #ededed
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #f1f1f1
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #ededed;
    border-left: 0
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 15px;
    font-style: normal;
    line-height: 1.42857143
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    font-size: 16.5px;
    line-height: inherit;
    color: #cbcbcb;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: default
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 2px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #000
}

.form-control {
    display: block;
    width: 100%;
    height: 22px;
    padding: 1px 3px;
    font-size: 11px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: var(--text-tertiary);
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: var(--text-tertiary)
}

.form-control::-webkit-input-placeholder {
    color: var(--text-tertiary)
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #ededed;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: default
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control {
        line-height:22px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
        line-height: 17px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
        line-height: 40px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: default
}

.checkbox label,.radio label {
    min-height: 15px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: default
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.form-control-static {
    min-height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 17px;
    padding: 1px 3px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2px
}

select.input-sm {
    height: 17px;
    line-height: 17px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 17px;
    padding: 1px 3px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2px
}

.form-group-sm select.form-control {
    height: 17px;
    line-height: 17px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 17px;
    min-height: 24px;
    padding: 2px 3px;
    font-size: 9px;
    line-height: 1.5
}

.input-lg {
    height: 40px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 40px;
    line-height: 40px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 40px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.33;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 40px;
    line-height: 40px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 40px;
    min-height: 28px;
    padding: 11px 16px;
    font-size: 13px;
    line-height: 1.33
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 27.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 17px;
    height: 17px;
    line-height: 17px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 20px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #fff
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    padding-top: 2px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 17px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:2px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 13px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:2px;
        font-size: 9px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 1px 3px;
    font-size: 11px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: default;
    filter: alpha(opacity=65);
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #3071a9;
    border-color: #193c5a
}

.btn-primary:hover {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3071a9;
    background-image: none;
    border-color: #285e8e
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #285e8e;
    border-color: #193c5a
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #428bca;
    border-color: #357ebd
}

.btn-primary .badge {
    color: #428bca;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #428bca;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #2a6496;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #f1f1f1;
    text-decoration: none
}

.btn-group-lg>.btn,.btn-lg {
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-group-sm>.btn,.btn-sm {
    padding: 1px 3px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-group-xs>.btn,.btn-xs {
    padding: 1px 5px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown,.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 11px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 6.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

#file-menu-panel .panel-menu li>a,.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #444;
    white-space: nowrap
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #373737;
    text-decoration: none;
    background-color: #d8dadc
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #7d858c;
    outline: 0
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #cfcfcf
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 9px;
    line-height: 1.42857143;
    color: #cfcfcf;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right:0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0
    }
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    float: left
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 2
}

.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px
}

.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,.btn-group-justified>.btn-group {
    display: table-cell;
    float: none;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn {
    height: 40px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn {
    height: 40px;
    line-height: 40px
}

select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn {
    height: 17px;
    padding: 1px 3px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2px
}

select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn {
    height: 17px;
    line-height: 17px
}

select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control,.input-group-addon,.input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 1px 3px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    color: #000;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 1px 3px;
    font-size: 9px;
    border-radius: 2px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 13px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-family: var(--font-family-base-custom,Arial,Helvetica,"Helvetica Neue",sans-serif),Arial,Helvetica,"Helvetica Neue",sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 9px;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.dl-horizontal dd:after,.form-horizontal .form-group:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 3px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear
}

.ps-container.hover .ps-scrollbar-x-rail,.ps-container:hover .ps-scrollbar-x-rail {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-x-rail.hover,.ps-container .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 3px;
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    -moz-transition: background-color .2s linear,opacity .2s linear;
    transition: background-color .2s linear,opacity .2s linear
}

.ps-container.hover .ps-scrollbar-y-rail,.ps-container:hover .ps-scrollbar-y-rail {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-y-rail.hover,.ps-container .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: .9;
    filter: alpha(opacity=90)
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0
}

.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x {
    background-color: #999
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0
}

.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y,.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
    background-color: #999
}

.ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y {
    visibility: hidden
}

.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y,.ps-container.ie:hover .ps-scrollbar-x,.ps-container.ie:hover .ps-scrollbar-y {
    visibility: visible
}

.toolbar .extra svg.icon {
    fill: #fff;
    fill: var(--icon-toolbar-header)
}

.toolbar .extra .btn-slot {
    width: auto
}

.extra>section {
    height: 100%;
    display: flex
}

.extra.right {
    flex-grow: 1;
    flex-shrink: 0;
    overflow: hidden
}

.extra .status-label {
    padding: 0 10px
}

.extra label {
    color: #fff;
    color: var(--text-toolbar-header)
}

.extra .dropdown-menu label {
    color: #444;
    color: var(--text-normal)
}

.extra .btn-header:hover:not(.disabled):not(.icon),.extra .btn-users:hover:not(.disabled):not(.icon) {
    background-color: rgba(255,255,255,.2);
    background-color: var(--highlight-header-button-hover)
}

.extra .btn-header.active:not(.disabled):not(.icon),.extra .btn-header:active:not(.disabled):not(.icon),.extra .btn-users.active:not(.disabled):not(.icon),.extra .btn-users:active:not(.disabled):not(.icon) {
    background-color: rgba(0,0,0,.2);
    background-color: var(--highlight-header-button-pressed)
}

.extra .btn-header.icon,.extra .btn-users.icon {
    pointer-events: none
}

.extra #box-doc-name {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    padding: 4px 2px;
    overflow: hidden;
    flex-shrink: 0
}

.extra #rib-doc-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 50px;
    text-align: center;
    color: #fff;
    color: var(--text-toolbar-header);
    background-color: transparent;
    border: 0 none;
    padding: 1px 5px;
    cursor: default;
    line-height: 24px
}

.extra #rib-doc-name:focus,.extra #rib-doc-name:hover:not(:disabled) {
    box-shadow: 0 0 0 1px rgba(255,255,255,.2);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--highlight-header-button-hover);
    border-radius: 1px;
    cursor: text
}

.extra #rib-save-status {
    white-space: nowrap
}

.extra #rib-save-status.locked {
    text-decoration: none;
    color: #848484;
    color: var(--border-preview-select);
    cursor: default
}

.extra #rib-save-status:after {
    display: block;
    content: attr(data-width);
    height: 1px;
    overflow: hidden;
    visibility: hidden
}

.extra #header-logo {
    max-width: 200px;
    height: 100%;
    padding: 6px 24px 6px 12px
}

.extra #header-logo i {
    cursor: pointer;
    width: 86px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;

    background-repeat: no-repeat
}

.extra #header-logo.link img {
    cursor: pointer
}

#box-document-title .extra #header-logo {
    padding: 4px 24px 4px 12px
}

#tlb-change-rights {
    margin-top: 15px
}

.hedset {
    font-size: 0;
    display: flex
}

.hedset .btn-group {
    height: 100%
}

.btn-header {
    height: 100%;
    background-color: transparent;
    width: 40px
}

.btn-header .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative
}

.btn-header .icon.icon--inverse {
    background-position-x: -20px;
    background-position-x: var(--button-header-normal-icon-offset-x,-20px)
}

.btn.btn-header:not(:disabled) .icon {
    opacity: var(--header-component-normal-icon-opacity,1)
}

.btn.btn-header.active .icon.toolbar__icon.icon--inverse,.btn.btn-header:active .icon.toolbar__icon.icon--inverse {
    background-position-x: -20px;
    opacity: var(--header-component-active-icon-opacity,1)
}

.btn.btn-header:hover:not(:disabled) .icon {
    opacity: var(--header-component-hover-icon-opacity,1)
}

.btn-header svg.icon {
    vertical-align: middle
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi) {
    .btn-header svg.icon {
        width:calc(28px/1.5);
        height: calc(28px/1.5)
    }
}

.btn-header.disabled,.btn.btn-header[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-header:hover:not(.disabled) {
    background-color: rgba(255,255,255,.2);
    background-color: var(--highlight-header-button-hover)
}

.btn-header:active:not(.disabled) {
    background-color: rgba(0,0,0,.2);
    background-color: var(--highlight-header-button-pressed)
}

.btn-header.no-caret .inner-box-caret {
    display: none
}

.btn-users {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 8px 0 6px;
    height: 100%
}

.btn-users .inner-box-icon {
    width: 28px;
    position: relative
}

.btn-users .inner-box-icon>svg {
    position: absolute;
    width: 28px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    fill: #fff;
    fill: var(--icon-toolbar-header)
}

.btn-users .caption {
    cursor: pointer;
    font-size: 9px;
    margin-left: -18px;
    width: 16px;
    text-align: center;
    overflow: hidden;
    pointer-events: none
}

.btn-users:not(:disabled) .caption,.btn-users:not(:disabled) .inner-box-icon {
    opacity: var(--header-component-normal-icon-opacity,1)
}

.btn-users:hover:not(:disabled) .caption,.btn-users:hover:not(:disabled) .inner-box-icon {
    opacity: var(--header-component-hover-icon-opacity,1)
}

.btn-users.active:not(:disabled) .caption,.btn-users.active:not(:disabled) .inner-box-icon,.btn-users:active:not(:disabled) .caption,.btn-users:active:not(:disabled) .inner-box-icon {
    opacity: var(--header-component-active-icon-opacity,1)
}

.btn-users.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4);
    pointer-events: none
}

.btn-header-share {
    display: flex;
    align-items: center;
    padding: 0 12px;
    width: auto
}

.btn-header-share .caption {
    margin: 2px 0 0 2px;
    color: #fff;
    color: var(--text-toolbar-header)
}

.btn-header-share:not(:disabled) .caption {
    opacity: var(--header-component-normal-icon-opacity,1)
}

.btn-header-share:hover:not(:disabled) .caption {
    opacity: var(--header-component-hover-icon-opacity,1)
}

.btn-header-share.active:not(:disabled) .caption,.btn-header-share:active:not(:disabled) .caption {
    opacity: var(--header-component-active-icon-opacity,1)
}

.btn-current-user {
    display: flex;
    align-items: center;
    height: 100%;
    width: 40px;
    padding: 1px 3px;
    border: var(--scaled-one-pixel,1px) solid transparent
}

.btn-current-user:not(:disabled) .color-user-name,.btn-header:not(:disabled) .color-user-name {
    opacity: var(--header-component-normal-icon-opacity,1)
}

.btn-current-user.active .color-user-name,.btn-current-user:active,.btn-header.active .color-user-name,.btn-header:active {
    opacity: var(--header-component-active-icon-opacity,1)
}

.btn-current-user:hover:not(:disabled) .color-user-name,.btn-header:hover:not(:disabled) .color-user-name {
    opacity: var(--header-component-hover-icon-opacity,1)
}

.btn-current-user .color-user-name,.btn-header .color-user-name {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    background-color: var(--icon-toolbar-header);
    color: #38567A;
    color: var(--text-toolbar-header-on-background-document);
    font-size: 10px;
    line-height: 20px;
    overflow: hidden;
    margin: 0 6px;
    text-align: center
}

.cousers-menu {
    position: fixed;
    top: 24px;
    left: 100%;
    margin-left: -285px;
    padding: 14px;
    width: 285px;
    font-size: 12px;
    z-index: 1042
}

.top-title .cousers-menu {
    top: 52px
}

.cousers-menu>label {
    white-space: normal
}

.cousers-menu label {
    color: #444;
    color: var(--text-normal)
}

.cousers-menu .cousers-list {
    margin-top: 15px
}

.cousers-menu .cousers-list ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 195px;
    position: relative
}

.cousers-menu .cousers-list ul li {
    list-style: none;
    padding: 2px 0;
    overflow: hidden
}

.cousers-menu .cousers-list ul li.offline,.cousers-menu .cousers-list ul li.viewmode {
    display: none
}

.cousers-menu .cousers-list .color {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    border: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    margin: 0 5px 1px 0
}

.cousers-menu .cousers-list .user-name {
    color: #444;
    color: var(--text-normal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    cursor: default
}

.cousers-menu .cousers-list .user-name label {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 200px;
    font-weight: 700;
    letter-spacing: .01em
}

#box-document-title {
    background-color: #446995;
    background-color: var(--toolbar-header-document);
    display: flex;
    height: 100%;
    color: #fff;
    color: var(--text-toolbar-header);
    position: relative;
    z-index: 1
}

#box-document-title .btn-slot {
    display: inline-block
}

#box-document-title svg.icon {
    fill: #fff;
    fill: var(--icon-toolbar-header)
}

#box-document-title svg.icon.icon-save.btn-save-coauth use:first-child,#box-document-title svg.icon.icon-save.btn-synch use:first-child {
    display: none
}

#box-document-title svg.icon.icon-save:not(.btn-save-coauth) use#coauth {
    display: none
}

#box-document-title svg.icon.icon-save:not(.btn-synch) use#sync {
    display: none
}

#box-document-title #id-box-doc-name {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 4px 2px
}

#box-document-title #title-doc-name {
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    padding: 1px 5px;
    background-color: transparent;
    border: 0 none;
    cursor: default;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

#box-document-title #title-doc-name:focus,#box-document-title #title-doc-name:hover:not(:disabled) {
    box-shadow: 0 0 0 1px rgba(255,255,255,.2);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--highlight-header-button-hover);
    border-radius: 1px;
    cursor: text
}

#box-document-title .lr-separator {
    flex-grow: 1
}

#box-doc-name .inner-box-icon.crypted,#box-document-title .inner-box-icon.crypted {
    width: 20px;
    position: relative;
    margin-right: 1px;
    flex-shrink: 0;
    flex-grow: 0
}

#box-doc-name .inner-box-icon.crypted>svg,#box-document-title .inner-box-icon.crypted>svg {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px
}

.btn {
    border-radius: 1px;
    color: #444;
    color: var(--text-normal);
    border-width: 1px;
    border-width: var(--scaled-one-pixel,1px)
}

.btn.small {
    min-width: 20px;
    height: 20px;
    line-height: 18px
}

.btn.normal {
    height: 22px
}

.btn.large {
    min-width: 30px;
    height: 30px;
    line-height: 28px
}

.btn.huge {
    min-width: 37px;
    height: 37px;
    line-height: 35px
}

.btn.huge-1 {
    min-width: 40px;
    height: 40px;
    line-height: 38px
}

.btn.x-huge {
    min-width: 52px;
    height: 52px;
    line-height: 50px
}

.btn.disabled,.btn[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn:focus {
    outline: 0;
    outline-offset: 0;
    color: #444;
    color: var(--text-normal)
}

.btn:hover {
    color: #444;
    color: var(--text-normal)
}

.btn.active,.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    width: 4px;
    height: 4px;
    border: solid 1px #444;
    border: solid 1px var(--icon-normal);
    border-bottom: none;
    border-right: none;
    background-image: none;
    transition: transform .2s ease;
    transform: rotate(-135deg) translate(1px,1px)
}

.btn .caret.compact-caret {
    display: none
}

.btn.active:not(.disabled) .caret,.btn:active:not(.disabled) .caret {
    transform: rotate(45deg);
    border-color: #fff;
    border-color: var(--icon-normal-pressed)
}

.btn.active.focus,.btn.active:focus,.btn:active.focus,.btn:active:focus {
    outline: 0
}

.btn.icon-top {
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.btn.icon-top .caption {
    line-height: 18px;
    padding: 0 4px
}

.btn.notify .icon::after {
    content: ' ';
    position: absolute;
    border: 1px solid #000;
    border: 1px solid var(--icon-notification-badge);
    border-left: 0 none;
    border-right: 0 none;
    width: 6px;
    height: 3px;
    bottom: 4px;
    right: 2px
}

.btn.notify .icon::before {
    content: ' ';
    position: absolute;
    width: 10px;
    height: 7px;
    bottom: 2px;
    background-color: #ffd112;
    background-color: var(--background-notification-badge);
    border-radius: 2px;
    right: 0
}

.btn .icon.caret-down::after,.btn .icon.caret-up::after {
    content: '';
    position: absolute;
    left: 6px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: solid 1px #444;
    border: solid 1px var(--text-normal);
    border-bottom: none;
    border-right: none
}

.btn .icon.caret-up::after {
    top: 8px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn .icon.caret-down::after {
    top: 4px;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.btn:not(:disabled) .icon {
    opacity: var(--component-normal-icon-opacity,.8)
}

.btn:hover:not(.disabled) .icon {
    opacity: var(--component-hover-icon-opacity,.8)
}

.btn.active:not(.disabled) .caret-down::after,.btn.active:not(.disabled) .caret-up::after,.btn:active:not(.disabled) .caret-down::after,.btn:active:not(.disabled) .caret-up::after {
    border-color: #fff;
    border-color: var(--text-normal-pressed)
}

.btn.active:not(.disabled) .icon,.btn:active:not(.disabled) .icon {
    opacity: var(--component-active-icon-opacity,.8)
}

.btn.active:not(.disabled):hover .icon,.btn:active:not(.disabled):hover .icon {
    opacity: var(--component-active-hover-icon-opacity,.8)
}

.btn-group.icon-top,.btn.icon-top {
    display: inline-flex;
    flex-direction: column
}

.btn-group.icon-top.open.split>.inner-box-icon,.btn-group.icon-top.over.split>.inner-box-icon,.btn.icon-top.open.split>.inner-box-icon,.btn.icon-top.over.split>.inner-box-icon {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group.icon-top.open.split>.inner-box-caption,.btn-group.icon-top.over.split>.inner-box-caption,.btn.icon-top.open.split>.inner-box-caption,.btn.icon-top.over.split>.inner-box-caption {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group.icon-top.x-huge,.btn.icon-top.x-huge {
    min-width: 35px;
    height: 52px
}

.btn-group.icon-top.x-huge img,.btn.icon-top.x-huge img {
    width: 28px;
    height: 28px
}

.btn-group.icon-top.x-huge .inner-box-caption,.btn.icon-top.x-huge .inner-box-caption {
    line-height: 18px;
    padding: 1px 4px 1px 3px;
    display: flex;
    align-items: start;
    height: 24px
}

.btn-group.icon-top.x-huge .inner-box-caption .caption,.btn.icon-top.x-huge .inner-box-caption .caption {
    max-width: 160px;
    max-height: 24px;
    text-overflow: ellipsis;
    white-space: pre;
    line-height: 11px;
    padding: 0 2px
}

.btn-group.icon-top.x-huge .inner-box-caption .caption .caret,.btn.icon-top.x-huge .inner-box-caption .caption .caret {
    margin: 0 1px 0 4px
}

.btn-group.icon-top.x-huge .icon:not(svg),.btn.icon-top.x-huge .icon:not(svg) {
    width: 28px;
    height: 28px;
    min-width: 0
}

.btn-group.icon-top.x-huge svg.icon,.btn.icon-top.x-huge svg.icon {
    width: 28px;
    height: 28px
}

.btn-group.icon-top.x-huge button.small .icon,.btn.icon-top.x-huge button.small .icon {
    width: 20px;
    height: 20px;
    min-width: 0
}

.btn-group.icon-top .inner-box-icon,.btn.icon-top .inner-box-icon {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px
}

.btn-group.icon-top .btn-fixflex-hcenter,.btn.icon-top .btn-fixflex-hcenter {
    flex-grow: 1
}

.btn-group.icon-top .btn-fixflex-vcenter,.btn.icon-top .btn-fixflex-vcenter {
    display: flex;
    align-items: center
}

.btn-group.icon-top .btn-fixflex-vcenter .caret,.btn.icon-top .btn-fixflex-vcenter .caret {
    vertical-align: inherit
}

.btn-group.icon-top .inner-box-caption,.btn.icon-top .inner-box-caption {
    margin: 0;
    height: 20px
}

.btn-group.icon-top div.inner-box-icon,.btn.icon-top div.inner-box-icon {
    height: 28px
}

.icon-top.btn-group .x-huge .inner-box-caption,.icon-top.btn-group.x-huge .inner-box-caption {
    padding-right: 4px
}

.btn-group.icon-top.x-huge .btn-toolbar.active:not(:disabled):not(.disabled) .icon,.btn-group.icon-top.x-huge .btn-toolbar:active:not(:disabled):not(.disabled) .icon,.btn.icon-top.x-huge.active:not(:disabled):not(.disabled) .icon,.btn.icon-top.x-huge:active:not(:disabled):not(.disabled) .icon {
    background-position-x: -28px
}

.btn-group.icon-top.x-huge .btn-toolbar.active:not(:disabled):not(.disabled) .icon,.btn-group.icon-top.x-huge .btn-toolbar:active:not(:disabled):not(.disabled) .icon,.btn.icon-top.x-huge.active:not(:disabled):not(.disabled) .icon,.btn.icon-top.x-huge:active:not(:disabled):not(.disabled) .icon {
    background-position-x: var(--button-xhuge-active-icon-offset-x,0)
}

.icon-top.x-huge .btn.small.active:not(:disabled):not(.disabled) .icon,.icon-top.x-huge .btn.small:active:not(:disabled):not(.disabled) .icon {
    background-position-x: var(--button-small-active-icon-offset-x,0)
}

.btn-toolbar {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 1px;
    background-color: transparent;
    min-width: 20px;
    height: 20px;
    line-height: 18px
}

.masked:not(.statusbar) .btn-toolbar:disabled {
    opacity: 1
}

.btn-toolbar.bg-white {
    width: 22px;
    height: 22px;
    background-color: #fff;
    background-color: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-toolbar.bg-white:focus:not(.disabled) {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.btn-toolbar:after,.btn-toolbar:before {
    content: "";
    display: none
}

.btn-toolbar .over:not(.disabled),.btn-toolbar:hover:not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.btn-toolbar.active:not(.disabled),.btn-toolbar:active:not(.disabled) {
    color: #fff;
    color: var(--text-normal-pressed);
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.btn-toolbar:not(.icon-top) .caption:not(:empty) {
    padding: 0 4px
}

.btn-toolbar .icon {
    padding: 0;
    margin: 0;
    display: inline-block;
    background-repeat: no-repeat
}

.btn-toolbar:not(.x-huge) .icon {
    width: 20px;
    height: 20px;
    line-height: 20px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:143dpi) {
    .btn-toolbar:not(.x-huge) svg.icon {
        width:calc(28px/1.5);
        height: calc(28px/1.5)
    }
}

.btn-toolbar.dropdown-toggle {
    min-width: 7px
}

.btn-toolbar.large .icon {
    width: 30px!important;
    height: 30px;
    line-height: 20px
}

.btn-toolbar .btn-color-value-line {
    pointer-events: none;
    position: absolute;
    left: 3px;
    bottom: 1px;
    width: 14px;
    height: 3px;
    background-color: red
}

.btn-toolbar .btn-color-value-line.bordered {
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

.pixel-ratio__1_5 .btn-toolbar .btn-color-value-line {
    height: 4px
}

.btn-toolbar.no-caret .inner-box-caret {
    display: none
}

.btn-toolbar.align-left {
    text-align: left
}

.btn-category {
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: .01em;
    background-color: transparent
}

.btn-category .over:not(.disabled),.btn-category:hover:not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.btn-category.active:not(.disabled),.btn-category:active:not(.disabled) {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.btn-category .icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 20px
}

.btn-category.disabled,.btn-category[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-group>.btn-toolbar {
    float: none
}

.btn-group>.btn+.dropdown-toggle {
    padding: 0 4px 0 3px
}

.btn-group>.dropdown-toggle:first-child .inner-box-caret {
    padding: 0 4px 0 3px
}

.btn-group .caption:empty {
    display: none
}

.btn-group .caption:empty+.caret {
    margin-left: 2px
}

.btn-group.open>.btn-toolbar.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-group:not(.split) .btn-toolbar.dropdown-toggle:not(.x-huge):not(.no-caret) {
    width: 100%;
    min-width: 28px
}

.btn-group:not(.split) .btn-toolbar.btn-text-value .caret {
    margin: 6px 3px 6px 0
}

.btn-group:not(.split) .btn-toolbar.btn-text-value .caption {
    vertical-align: middle
}

.btn-group:not(.split) .btn-toolbar.btn-text-value.disabled,.btn-group:not(.split) .btn-toolbar.btn-text-value[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-group:not(.split) .btn-toolbar.large.dropdown-toggle {
    min-width: 40px
}

.btn-group:not(.split) .btn-toolbar.large.dropdown-toggle .caret {
    float: right
}

.btn-group:not(.split) .dropdown-menu.scale-menu li.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-group.split.open,.btn-group.split.over:not(.disabled) {
    box-shadow: inset 0 0 0 1px #d8dadc;
    box-shadow: inset 0 0 0 var(--scaled-one-pixel,1px) var(--highlight-button-hover)
}

.btn-group.split.open button:not(.active):not(.btn-text-split-default),.btn-group.split.over:not(.disabled) button:not(.active):not(.btn-text-split-default) {
    background-color: transparent
}

.btn-group.split.over:not(.disabled) button:not(.active):hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.btn-group.split.over:not(.disabled) button:active,.btn-group.split.over:not(.disabled) button:active:hover {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.btn-group.split.open>button:not(.active):last-of-type {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.btn-group.split.open .caret {
    background-position: -92px -96px
}

.btn-group.split button.active:not(.disabled) {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.btn-group.split .btn+.btn {
    margin: 0
}

.btn-color {
    width: 45px;
    height: 22px;
    padding: 1px 11px 1px 1px;
    padding: var(--scaled-one-pixel,1px) 11px var(--scaled-one-pixel,1px) var(--scaled-one-pixel,1px);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-color span:nth-child(1) {
    float: left;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading);
    background-color: transparent
}

.btn-color .inner-box-caret {
    position: absolute;
    right: 0;
    top: 2px
}

.btn-color,.btn-color .over,.btn-color.active,.btn-color:active,.btn-color:hover {
    background: #fff!important;
    background: var(--background-normal)!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.btn-color.disabled,.btn-color[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-color .color-transparent:before {
    border-right: 1px solid red;
    border-right: var(--scaled-one-pixel,1px) solid red;
    height: 34px;
    transform: translate(16px,-9px) rotate(62deg);
    left: 0
}

.btn-color.active:not(.disabled) .caret,.btn-color:active:not(.disabled) .caret {
    border-color: #444;
    border-color: var(--icon-normal)
}

.btn-color:not(.disabled):focus,.btn-group.open .btn-color:not(.disabled),.btn-group:active .btn-color:not(.disabled) {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.dropdown-menu li>a.selected span.color-auto,.dropdown-menu li>a:hover span.color-auto {
    outline: 1px solid #444;
    outline: var(--scaled-one-pixel,1px) solid var(--icon-normal);
    border: 1px solid #fff;
    border: var(--scaled-one-pixel,1px) solid var(--background-normal)
}

.btn-options {
    padding: 0;
    margin: 0;
    border: 0 none;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #cfcfcf;
    box-shadow: inset 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    border-radius: 2px
}

.btn-options.bg-white {
    background-color: #fff;
    background-color: var(--background-normal)
}

.btn-options .icon {
    position: relative;
    min-width: inherit;
    height: inherit;
    line-height: inherit;
    padding: 0;
    margin: 0;
    display: inline-block;
    background-repeat: no-repeat
}

.btn-options.over,.btn-options:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.btn-options.active,.btn-options:active {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.btn-options.large {
    min-width: 28px;
    width: 28px;
    height: 28px
}

.btn-options:focus:not(.disabled) {
    box-shadow: inset 0 0 0 1px #848484;
    box-shadow: inset 0 0 0 var(--scaled-one-pixel,1px) var(--border-control-focus)
}

.btn-options.border-off {
    box-shadow: none
}

.btn-text-default {
    width: 75px;
    height: 22px;
    background: #fff;
    background: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-text-default.auto {
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.btn-text-default:focus:not(.disabled) {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.btn-text-default .over:not(.disabled),.btn-text-default:hover:not(.disabled) {
    background-color: #d8dadc!important;
    background-color: var(--highlight-button-hover)!important
}

.btn-text-default.active:not(.disabled),.btn-text-default:active:not(.disabled) {
    background-color: #7d858c!important;
    background-color: var(--highlight-button-pressed)!important;
    border-color: #7d858c;
    border-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.btn-text-default.disabled,.btn-text-default[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-text-menu-default {
    width: 100%;
    height: 22px;
    background: #fff;
    background: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-text-menu-default button {
    width: 100%
}

.btn-text-menu-default .caret {
    position: absolute;
    right: 5px;
    margin-top: 5px
}

.btn-text-menu-default .over:not(.disabled),.btn-text-menu-default:hover:not(.disabled) {
    background-color: #d8dadc!important;
    background-color: var(--highlight-button-hover)!important
}

.btn-text-menu-default.active:not(.disabled),.btn-text-menu-default:active:not(.disabled) {
    background-color: #7d858c!important;
    background-color: var(--highlight-button-pressed)!important;
    color: #fff;
    color: var(--text-normal-pressed)
}

.btn-text-menu-default.disabled,.btn-text-menu-default[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-text-split-default {
    width: 75px;
    height: 22px;
    background: #fff;
    background: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-text-split-default.auto {
    width: auto
}

.btn-text-split-default.dropdown-toggle {
    width: 13px
}

.btn-text-split-default:not(.dropdown-toggle) {
    border-right: none
}

.btn-text-split-default .over:not(.disabled),.btn-text-split-default:hover:not(.disabled) {
    background-color: #d8dadc!important;
    background-color: var(--highlight-button-hover)!important
}

.btn-text-split-default.active:not(.disabled),.btn-text-split-default:active:not(.disabled) {
    background-color: #7d858c!important;
    background-color: var(--highlight-button-pressed)!important;
    border-color: #7d858c;
    border-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.btn-text-split-default.disabled,.btn-text-split-default[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-icon-default {
    width: 45px;
    height: 22px;
    background: #fff;
    background: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-icon-default .icon {
    width: 28px;
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat
}

.btn-icon-default:not(.btn-toolbar).dropdown-toggle:first-child .inner-box-caret {
    padding: 0 1px 0 2px
}

.btn-icon-default .over:not(.disabled),.btn-icon-default:hover:not(.disabled) {
    background-color: #d8dadc!important;
    background-color: var(--highlight-button-hover)!important
}

.btn-icon-default.active:not(.disabled),.btn-icon-default:active:not(.disabled) {
    background-color: #7d858c!important;
    background-color: var(--highlight-button-pressed)!important
}

.btn-icon-default.disabled,.btn-icon-default[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-large-dataview {
    display: inline-block;
    width: 72px;
    height: 58px;
    padding: 2px;
    margin: 0;
    box-shadow: none;
    background-color: #fff;
    background-color: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px
}

.btn-large-dataview.template-table {
    width: 92px
}

.btn-large-dataview .icon-template-slicer.icon {
    min-width: 36px;
    height: 55px;
    line-height: 53px;
    border: none
}

.btn-large-dataview .icon {
    display: inline-block;
    min-width: 52px;
    height: 52px;
    line-height: 50px;
    padding: 0;
    margin-right: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    position: relative
}

.btn-large-dataview.sheet-template-table {
    width: 83px;
    height: 54px
}

.btn-large-dataview.sheet-template-table .icon {
    border: none;
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.btn-large-dataview svg.icon {
    vertical-align: middle;
    width: 52px;
    padding: 5px;
    fill: #444;
    fill: var(--icon-normal)
}

.btn.btn-large-dataview svg.icon {
    opacity: 1
}

.btn-large-dataview .over,.btn-large-dataview.active,.btn-large-dataview:active,.btn-large-dataview:hover {
    background-color: #fff!important;
    background-color: var(--background-normal)!important
}

.btn-large-dataview .over:not(:disabled) svg.icon,.btn-large-dataview.active:not(:disabled) svg.icon,.btn-large-dataview:active:not(:disabled) svg.icon,.btn-large-dataview:hover:not(:disabled) svg.icon {
    opacity: inherit
}

.btn-large-dataview.active:not(.disabled) .caret,.btn-large-dataview:active:not(.disabled) .caret {
    background-position: -85px -96px;
    border-color: #444;
    border-color: var(--icon-normal)
}

.btn-large-dataview.disabled,.btn-large-dataview[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.btn-large-dataview:not(:disabled) .icon {
    opacity: 1
}

.btn-large-dataview:not(:disabled):hover .icon {
    opacity: 1
}

.dlg-btn {
    font-weight: 700;
    letter-spacing: .01em;
    width: 86px;
    color: #444;
    color: var(--text-normal);
    background-color: #fff;
    background-color: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

.dlg-btn.hover:not(.disabled),.dlg-btn:hover:not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.dlg-btn.primary {
    color: #fff;
    color: var(--text-inverse);
    background-color: #7d858c;
    background-color: var(--background-primary-dialog-button);
    border: 0 none
}

.dlg-btn.primary.hover:not(.disabled),.dlg-btn.primary:hover:not(.disabled) {
    background-color: #666d73;
    background-color: var(--highlight-primary-dialog-button-hover)
}

.dlg-btn[disabled] {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.dlg-btn.custom {
    width: auto;
    min-width: 86px
}

svg.icon .zoom-grit {
    display: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio:2.4),only screen and (-webkit-min-device-pixel-ratio:4),only screen and (min-resolution:2dppx) and (max-resolution:2.4dppx),only screen and (min-resolution:4dppx),only screen and (min-resolution:192dpi) and (max-resolution:239dpi),only screen and (min-resolution:384dpi) {
    svg.icon .zoom-int {
        display:block
    }

    svg.icon .zoom-grit {
        display: none
    }
}

.dropdown-menu {
    background-color: #fff;
    background-color: var(--background-normal);
    border-color: #cfcfcf;
    border-color: var(--border-regular-control);
    border-width: 1px;
    border-width: var(--scaled-one-pixel,1px)
}

.dropdown-menu.scrollable-menu {
    height: auto;
    max-height: 400px
}

.dropdown-menu.ps-container {
    overflow: hidden
}

.dropdown-menu.ps-container .ps-scrollbar-y-rail {
    margin-top: 1px;
    margin-bottom: 1px;
    cursor: default
}

.dropdown-menu.internal-menu {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.dropdown-menu li>a {
    padding: 5px 20px;
    line-height: 16px;
    cursor: pointer;
    color: #444;
    color: var(--text-normal)
}

.dropdown-menu li>a.focus,.dropdown-menu li>a:focus {
    outline: 0;
    color: #444;
    color: var(--text-normal);
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.dropdown-menu li>a:hover {
    color: #444;
    color: var(--text-normal);
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.dropdown-menu li.over>a {
    text-decoration: none;
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.dropdown-menu li.over>a:after {
    border-left-color: #444;
    border-left-color: var(--icon-normal)
}

.dropdown-menu li .checked:not(.no-checkmark):before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-left: -18px;
    background-position: -41px -172px
}

.dropdown-menu li .checked:not(.no-checkmark).custom-scale:before {
    margin-top: 3px
}

.dropdown-menu li .menu-item-icon {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin: -2px 5px 0 -15px;
    background-repeat: no-repeat;
    opacity: var(--component-normal-icon-opacity,.8)
}

.dropdown-menu li .no-checkmark.checked .menu-item-icon {
    background-color: #fff;
    background-color: var(--background-normal);
    -webkit-box-shadow: 0 0 0 2px #848484;
    box-shadow: 0 0 0 2px #848484;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)
}

.dropdown-menu li.border-top {
    border-top: 1px solid #cbcbcb;
    border-top: var(--scaled-one-pixel,1px) solid var(--border-divider)
}

.dropdown-menu>.disabled>a {
    cursor: default;
    color: #444;
    color: var(--text-normal);
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #444;
    color: var(--text-normal)
}

.dropdown-menu>.disabled>a .menu-item-icon {
    opacity: 1
}

.dropdown-menu.shifted-right li>a {
    padding-left: 28px
}

.dropdown-menu.shifted-right li .menu-item-icon {
    margin: -2px 0 0 -24px
}

.dropdown-menu.shifted-right li .checked:not(.no-checkmark):before {
    margin-left: -22px
}

.dropdown-menu.shifted-left li>a {
    padding-left: 12px;
    padding-right: 12px
}

.dropdown-menu .divider {
    height: 1px;
    height: var(--scaled-one-pixel,1px);
    background-color: #cbcbcb;
    background-color: var(--border-divider);
    margin: 4px 0
}

.dropdown-menu .dataview .item .options__icon-huge {
    background-position-x: var(--button-huge-normal-icon-offset-x,0)
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 4px
}

.dropdown-submenu>.dropdown-menu.pull-right {
    right: 100%;
    left: auto
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 3px 0 3px 3px;
    border-left-color: #444;
    border-left-color: var(--icon-normal);
    margin-top: 5px;
    margin-right: -7px
}

.dropdown-submenu.over:not(.disabled)>.dropdown-menu {
    display: block
}

.dropdown-submenu.over>a:after {
    border-left-color: #444
}

.separator {
    display: inline-block;
    position: inherit;
    border-left: 1px solid #cbcbcb;
    border-left: var(--scaled-one-pixel,1px) solid var(--border-divider);
    vertical-align: top;
    padding: 0;
    width: 0
}

.separator.horizontal {
    height: 0;
    display: block;
    border-left: none;
    border-right: none;
    border-top: 1px solid #cbcbcb;
    border-top: var(--scaled-one-pixel,1px) solid var(--border-divider)
}

.form-control {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444;
    color: var(--text-normal);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-color: #fff;
    background-color: var(--background-normal)
}

.form-control:-ms-input-placeholder {
    color: #a5a5a5
}

.form-control:focus {
    border-color: #848484;
    border-color: var(--border-control-focus);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[readonly] {
    cursor: pointer;
    background-color: #fff;
    background-color: var(--background-normal)
}

.form-control[disabled] {
    cursor: default;
    background-color: #fff;
    background-color: var(--background-normal);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-row {
    position: relative
}

.input-error {
    display: none
}

.input-error:before {
    content: '';
    position: absolute;
    right: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
    background-position: -73px -169px;
    filter: none
}

.input-field .input-error,.input-field input {
    float: left;
    position: relative
}

.input-field.error input:not([disabled]) {
    border-color: #d9534f
}

.input-field.error input:not([disabled])+.input-error {
    display: block
}

.input-field.warning input:not([disabled])+.input-error {
    display: block
}

.input-field.warning .input-error:before {
    background-position: -57px -169px
}

input.error,input:focus:invalid,input:required:focus:invalid {
    border-color: #d9534f
}

input.error+span.input-error,input:focus:invalid+span.input-error,input:required:focus:invalid+span.input-error {
    display: block
}

.disabled .form-control {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4);
    cursor: default!important
}

::-ms-clear {
    display: none
}

input[type=password] {
    font-size: 16px
}

input[type=text]::selection,textarea::selection {
    background: #3494fb;
    background: var(--highlight-text-select);
    color: #fff;
    color: var(--text-inverse)
}

.input-field-btn {
    position: relative
}

.input-field-btn .select-button {
    position: absolute;
    right: 1px;
    right: var(--scaled-one-pixel,1px);
    top: 1px;
    top: var(--scaled-one-pixel,1px)
}

.input-field-btn .select-button .btn-group>.btn-toolbar,.input-field-btn .select-button>.btn-toolbar {
    height: 20px;
    height: calc(22px - var(--scaled-one-pixel,1px) * 2)
}

.input-field-btn .input-error:before {
    right: 22px
}

.input-field-btn input {
    padding-right: 20px
}

.combobox {
    display: block
}

.combobox.input-group-sm .btn {
    height: 17px;
    padding: 1px 3px;
    font-size: 9px;
    line-height: 1.5;
    border-radius: 2px
}

select.combobox.input-group-sm .btn {
    height: 17px;
    line-height: 17px
}

select[multiple].combobox.input-group-sm .btn,textarea.combobox.input-group-sm .btn {
    height: auto
}

.combobox.input-group-lg .btn {
    height: 40px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.33;
    border-radius: 6px
}

select.combobox.input-group-lg .btn {
    height: 40px;
    line-height: 40px
}

select[multiple].combobox.input-group-lg .btn,textarea.combobox.input-group-lg .btn {
    height: auto
}

.combobox.input-group-nr>.btn,.combobox.input-group-nr>.form-control {
    height: 22px;
    padding: 1px 3px;
    font-size: 11px;
    line-height: 1.42857143;
    -o-transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    border-top-right-radius: 2px!important;
    border-bottom-right-radius: 2px!important
}

.combobox.input-group-nr>.form-control {
    padding-right: 13px
}

.combobox .form-control {
    border-right: 0;
    position: static;
    z-index: auto;
    float: none
}

.combobox .form-control .image {
    -webkit-filter: var(--image-border-types-filter, none);
    filter: var(--image-border-types-filter, none)
}

.combobox .form-control .text {
    line-height: 20px;
    padding-left: 2px
}

.combobox .btn {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #cfcfcf;
    border-color: var(--border-regular-control);
    background-color: transparent;
    margin-left: -1px;
    position: absolute;
    top: 0;
    right: 0
}

.combobox .btn-default:not(.disabled),.combobox.open .dropdown-toggle.btn-default {
    background-color: #fff;
    background-color: var(--background-normal);
    border-color: #cfcfcf;
    border-color: var(--border-regular-control);
    padding-right: 5px
}

.combobox .btn-default.disabled {
    padding-right: 5px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.combobox .btn-default.disabled:focus,.combobox .btn-default.disabled:hover {
    background-color: transparent;
    border-right-color: #cfcfcf;
    border-right-color: var(--border-regular-control)
}

.combobox.input-group-nr.open>.btn .caret,.combobox.input-group-nr.open>.form-control .caret {
    transform: rotate(45deg)
}

.combobox.input-group-nr.open:not(.no-highlighted)>.btn,.combobox.input-group-nr.open:not(.no-highlighted)>.form-control {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.combobox.input-group-nr:not(.no-highlighted)>.form-control:focus,.combobox.input-group-nr:not(.no-highlighted)>.form-control:focus~button.dropdown-toggle {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.combobox.input-group-nr.no-highlighted>.form-control:focus,.combobox.input-group-nr.no-highlighted>.form-control:focus~button.dropdown-toggle {
    border-color: #cfcfcf;
    border-color: var(--border-regular-control)
}

.combobox.input-group-nr .btn:active .caret {
    border-color: #444;
    border-color: var(--icon-normal)
}

.combobox li a {
    white-space: pre
}

.combobox li.selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.combobox li.selected a {
    color: #fff;
    color: var(--text-normal-pressed)
}

.combobox li.selected a.focus,.combobox li.selected a.hover,.combobox li.selected a:focus,.combobox li.selected a:hover {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.combobox li img {
    -webkit-filter: var(--image-border-types-filter, none);
    filter: var(--image-border-types-filter, none)
}

.combobox li .font-item canvas {
    -webkit-filter: var(--image-border-types-filter, none);
    filter: var(--image-border-types-filter, none)
}

.combobox li.selected img {
    -webkit-filter: var(--image-border-types-filter-selected, none);
    filter: var(--image-border-types-filter-selected, none)
}

.combobox li.selected .font-item canvas {
    -webkit-filter: var(--image-border-types-filter-selected, none);
    filter: var(--image-border-types-filter-selected, none)
}

.combobox li.divider:first-child {
    display: none
}

.combobox .font-item {
    vertical-align: middle;
    margin: 0 0 0 -10px;
    padding-top: 0;
    padding-bottom: 0
}

.combobox .dropdown-menu.menu-absolute {
    position: fixed
}

.combobox .dropdown-menu.show-top {
    top: auto;
    bottom: 100%
}

.masked .combobox.disabled .btn-default,.masked .combobox.disabled .form-control {
    opacity: 1
}

.open>.combobox.combo-dataview-menu.input-group-nr:not(.no-highlighted)>.btn,.open>.combobox.combo-dataview-menu.input-group-nr:not(.no-highlighted)>.form-control {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.open>.combobox.combo-dataview-menu.input-group-nr>.btn .caret,.open>.combobox.combo-dataview-menu.input-group-nr>.form-control .caret {
    transform: rotate(45deg)
}

.modals-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .2;
    background-color: #000;
    z-index: 1049
}

.theme-type-dark .modals-mask {
    opacity: .6
}

.tool {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    margin: 4px 3px 0 0
}

.tool.close {
    position: relative;
    opacity: .7
}

.tool.close:hover {
    opacity: 1
}

.tool.close.disabled {
    cursor: default
}

.tool.close:after,.tool.close:before {
    content: ' ';
    position: absolute;
    left: 8px;
    left: calc(8px / var(--pixel-ratio-factor,1));
    top: 1px;
    top: var(--scaled-one-pixel,1px);
    height: 14px;
    width: 1px;
    width: var(--scaled-one-pixel,1px);
    background-color: #444;
    background-color: var(--icon-normal)
}

.tool.close:before {
    transform: rotate(45deg)
}

.tool.close:after {
    transform: rotate(-45deg)
}

.asc-window {
    min-height: 50px;
    min-width: 150px;
    box-sizing: border-box;
    z-index: 1040;
    box-shadow: 0 5px 15px rgba(0,0,0,.2);
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--background-normal);
    border: solid 1px #cbcbcb;
    border: solid var(--scaled-one-pixel,1px) var(--border-toolbar);
    left: 0;
    top: 0;
    opacity: 0;
    position: fixed;
    cursor: default
}

.asc-window>.header {
    height: 34px;
    border-radius: 5px 5px 0 0;
    position: absolute;
    padding: 5px 6px 6px;
    left: 0;
    right: 0;
    top: 0;
    text-overflow: ellipsis;
    color: #444;
    color: var(--text-normal);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    vertical-align: bottom;
    line-height: 26px;
    background: #f1f1f1;
    background: var(--background-toolbar);
    border-bottom: solid 1px #cbcbcb;
    border-bottom: solid var(--scaled-one-pixel,1px) var(--border-toolbar);
    cursor: move
}

.asc-window>.header .tools {
    position: absolute;
    right: 0;
    padding-right: 6px
}

.asc-window>.header .tools.left {
    left: 0;
    right: auto;
    padding-left: 6px
}

.asc-window>.header .tool.help {
    width: 20px;
    margin-right: 0;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    color: #444;
    color: var(--text-normal);
    opacity: .7
}

.asc-window>.header .tool.help:hover {
    opacity: 1
}

.asc-window>.header .tool.help.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4);
    cursor: default
}

.asc-window>.header.resizing {
    cursor: inherit!important
}

.asc-window>.header .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asc-window>.body {
    border-radius: 0 0 5px 5px;
    position: absolute;
    top: 34px;
    width: 100%;
    background-color: #fff;
    background-color: var(--background-normal)
}

.asc-window.modal {
    z-index: 1050;
    -ms-touch-action: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.asc-window.dethrone {
    z-index: 1048
}

.asc-window .icon.warn {
    background: url(../../../../common/main/resources/img/controls/warnings_s.svg#attention) no-repeat center
}

.asc-window .icon.confirm,.asc-window .icon.error,.asc-window .icon.info,.asc-window .icon.warn {
    width: 40px;
    height: 40px
}

.asc-window .icon.error {
    background: url(../../../../common/main/resources/img/controls/warnings_s.svg#warning) no-repeat center
}

.asc-window .icon.info {
    background: url(../../../../common/main/resources/img/controls/warnings_s.svg#info) no-repeat center
}

.asc-window .icon.confirm {
    background: url(../../../../common/main/resources/img/controls/warnings_s.svg#done) no-repeat center
}

.asc-window.alert {
    min-height: 90px;
    min-width: 230px
}

.asc-window.alert .icon {
    float: left;
    margin: 0 0 0 10px
}

.asc-window.alert .body .info-box {
    padding: 20px 20px 20px 10px;
    height: 50px
}

.asc-window.alert .body .info-box .text {
    padding-left: 60px
}

.asc-window.alert .body .info-box .text span {
    font-size: 12px;
    white-space: nowrap
}

.asc-window.alert .body .info-box .text span a {
    text-decoration: underline;
    color: #444;
    color: var(--text-normal)
}

.asc-window.alert .body .info-box .text span a:focus,.asc-window.alert .body .info-box .text span a:hover {
    color: #444;
    color: var(--text-normal)
}

.asc-window.alert .body .info-box .text .dont-show-checkbox {
    margin-top: 13px;
    text-align: left
}

.asc-window.alert .footer {
    height: 37px;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 7px 0 0 0
}

.asc-window.alert .footer.dontshow {
    height: 55px;
    padding: 15px
}

.asc-window.alert .footer button:not(:first-child) {
    margin-left: 10px
}

.asc-window.notransform {
    -webkit-transform: none!important;
    -webkit-transition: none!important;
    -moz-transform: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    -o-transition: none!important
}

.asc-window.plain {
    border: none;
    box-shadow: none;
    border-radius: 0
}

.asc-window.plain .body,.asc-window.plain .resize-border {
    border-radius: 0!important
}

.asc-window .resize-border {
    position: absolute;
    width: 5px;
    height: 5px;
    z-index: 1;
    background: #f1f1f1;
    background: var(--background-toolbar);
    border: 1px none #cbcbcb;
    border: var(--scaled-one-pixel,1px) none var(--border-toolbar)
}

.asc-window .resize-border.left {
    left: 0
}

.asc-window .resize-border.right {
    right: 0
}

.asc-window .resize-border.top {
    top: 0
}

.asc-window .resize-border.bottom {
    bottom: 0
}

.asc-window .resize-border.resizing {
    cursor: inherit!important
}

.asc-window .footer button:not(:first-child) {
    margin-left: 10px
}

.modal-dlg .body {
    height: auto;
    padding: 15px
}

.modal-dlg .body .input-row {
    height: 22px
}

.modal-dlg .body .input-row>label:not(.checkbox-indeterminate) {
    line-height: 22px
}

.modal-dlg .body .input-row>div {
    display: inline-block
}

.modal-dlg .footer {
    padding-top: 15px
}

.modal-dlg .footer.center {
    text-align: center
}

.modal-dlg .footer.right {
    text-align: right
}

.copy-warning .body {
    padding: 15px 0
}

.copy-warning .body>div {
    width: 100%;
    padding: 0 20px
}

.copy-warning .body .box {
    text-align: center;
    padding-bottom: 15px
}

.copy-warning .body .message {
    text-align: justify
}

.copy-warning .body .hotkeys {
    padding-top: 5px
}

.copy-warning .body .hotkeys>div {
    display: inline-block
}

.copy-warning .body .hotkeys>div:first-child {
    margin-right: 35px
}

.copy-warning .body .hotkeys>div:last-child {
    margin-left: 35px
}

.copy-warning .body .hotkeys .hotkey {
    font-size: 32px
}

.copy-warning .body .hotkeys .message {
    text-align: center
}

.copy-warning .body .footer {
    padding: 20px
}

.spinner {
    position: relative
}

.spinner input {
    height: 22px;
    text-align: right;
    padding-left: 1px;
    padding-right: 19px
}

.spinner button {
    display: block;
    position: relative;
    width: 17px;
    height: 10px;
    height: calc(22px/2 - 1px/var(--pixel-ratio-factor,1));
    padding: 0;
    margin: 0;
    border: none;
    background: 0 0;
    line-height: 1
}

.spinner button.disabled {
    cursor: default
}

.spinner button:focus {
    outline: 0;
    outline-offset: 0
}

.spinner .spinner-buttons {
    position: absolute;
    top: 0;
    right: 1px;
    right: var(--scaled-one-pixel,1px);
    border-top: 1px solid transparent;
    border-top: var(--scaled-one-pixel,1px) solid transparent;
    border-bottom: 1px solid transparent;
    border-bottom: var(--scaled-one-pixel,1px) solid transparent
}

.spinner .spinner-buttons i {
    display: inline-block;
    width: 4px;
    height: 4px;
    border: solid 1px #444;
    border: solid var(--scaled-one-pixel,1px) var(--icon-normal);
    border-bottom: none;
    border-right: none
}

.spinner .spinner-buttons button.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.spinner .spinner-buttons button:hover:not(:disabled):not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.spinner .spinner-up i {
    transform: rotate(45deg) translate(-1px,-1px)
}

.spinner .spinner-down i {
    transform: rotate(-135deg) translate(2px,2px)
}

.asc-loadmask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    zoom:1;background-color: transparent;
    z-index: 1150
}

.asc-loadmask-body {
    position: absolute;
    z-index: 1151;
    padding: 24px;
    line-height: 28px;
    border: none;
    background-image: none;
    background-color: rgba(0,0,0,.65);
    background-color: var(--background-loader);
    color: #fff;
    color: var(--text-contrast-background);
    border-radius: 6px;
    left: 50%;
    top: 50%;
    transform: translate(-50%)
}

.asc-loadmask-body>div {
    display: inline-block;
    vertical-align: middle
}

.asc-loadmask-body .asc-loadmask-image {
    background-image: url();
    height: 28px;
    width: 28px;
    float: left;
    margin-left: 8px
}

.asc-loadmask-body .asc-loadmask-title {
    font-size: 13px;
    margin: 0 8px 0 12px;
    white-space: pre-wrap
}

.left-panel .asc-loadmask-body {
    line-height: 20px;
    background-color: transparent;
    color: #444;
    color: var(--text-normal);
    padding: 8px;
    top: 78px;
    transform: translate(-50%,0)
}

.left-panel .asc-loadmask-body .asc-loadmask-image {
    background-image: url();
    height: 20px;
    width: 20px
}

.left-panel .asc-loadmask-body .asc-loadmask-title {
    margin: 0 8px
}

.app-error-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    z-index: 10
}

.app-error-panel .message-block {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.app-error-panel .message-block .message-inner {
    width: 550px;
    margin: auto;
    padding: 30px;
    background-color: #e3e3e3;
    text-align: center
}

.app-error-panel .message-block .message-inner .title {
    font-size: 24px;
    margin: 0 0 14px
}

.app-error-panel .message-block .message-inner .text {
    font-size: 14px
}

.app-error-panel .message-auxiliary {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

@keyframes rotation {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

#loadmask-spinner {
    animation-duration: .8s;
    animation-name: rotation;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.checkbox-indeterminate {
    padding-left: 22px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    min-height: 1em
}

.checkbox-indeterminate input[type=checkbox] {
    display: none
}

.checkbox-indeterminate input[type=checkbox]+label {
    width: 14px;
    height: 14px;
    background: #fff;
    background: var(--background-normal);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px;
    position: absolute;
    left: 0;
    margin-top: auto
}

.checkbox-indeterminate input[type=checkbox]+label+span {
    outline: 1px dotted transparent;
    outline: var(--scaled-one-pixel,1px) dotted transparent;
    display: inline-block
}

.checkbox-indeterminate input[type=checkbox]:checked:not(:indeterminate)+label::before {
    content: '';
    position: absolute;
    border: 2px solid #444;
    border: var(--scaled-two-pixel,2px) solid var(--text-normal);
    border-top: 0 none;
    border-left: 0 none;
    transform: rotate(45deg);
    width: 5px;
    height: 9px;
    left: 4px
}

.checkbox-indeterminate input[type=checkbox]:indeterminate+label::before {
    content: '';
    position: absolute;
    border: 1px solid #444;
    border: var(--scaled-one-pixel,1px) solid var(--text-normal);
    background: #444;
    background: var(--icon-normal);
    width: 8px;
    height: 8px;
    left: 2px;
    top: 2px
}

.checkbox-indeterminate:focus:not(.disabled) input[type=checkbox]+label {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.checkbox-indeterminate:focus:not(.disabled) input[type=checkbox]+label+span {
    outline-color: #848484;
    outline-color: var(--border-control-focus)
}

.radiobox {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    min-height: 1em;
    display: flex;
    align-items: center
}

.radiobox svg {
    margin-right: 8px
}

.radiobox svg .rb-circle {
    fill: #fff;
    fill: var(--background-normal);
    stroke: #cfcfcf;
    stroke: var(--border-regular-control)
}

.radiobox svg .rb-check-mark {
    fill: #444;
    fill: var(--text-normal)
}

.radiobox input[type=radio] {
    display: none
}

.radiobox input[type=radio]:not(:checked)+svg .rb-check-mark {
    display: none
}

.radiobox.disabled span,.radiobox.disabled svg,.radiobox:disabled span,.radiobox:disabled svg {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4);
    pointer-events: none
}

.radiobox:focus:not(.disabled) svg .rb-circle {
    stroke: #848484;
    stroke: var(--border-control-focus)
}

.radiobox:focus:not(.disabled) span {
    outline: 1px dotted #848484;
    outline: var(--scaled-one-pixel,1px) dotted var(--border-control-focus)
}

.dataview.inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.dataview.inner .empty-text {
    text-align: center;
    height: 100%;
    width: 100%;
    color: #a5a5a5;
    color: var(--text-tertiary)
}

.dataview.inner .empty-text td {
    padding: 5px
}

.dataview>.item {
    display: inline-block;
    float: left;
    margin: 4px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.dataview>.item.selected,.dataview>.item:hover {
    -webkit-box-shadow: 0 0 0 2px #848484;
    box-shadow: 0 0 0 2px #848484;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)
}

.dataview>.item .options__icon {
    opacity: var(--component-normal-icon-opacity,.8)
}

.dataview .grouped-data {
    clear: left;
    overflow: hidden
}

.dataview .grouped-data.inline {
    display: inline-block
}

.dataview .grouped-data.inline.margin .group-items-container {
    margin-right: 20px
}

.dataview .grouped-data .group-items-container {
    overflow: hidden;
    margin-bottom: 5px
}

.dataview .grouped-data .group-items-container>div {
    display: inline-block;
    float: left;
    margin: 2px 4px 4px;
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.dataview .grouped-data .group-items-container>div:not(.disabled) {
    cursor: pointer
}

.dataview .grouped-data .group-items-container>div.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.dataview .grouped-data .group-items-container>div.selected:not(.disabled),.dataview .grouped-data .group-items-container>div:hover:not(.disabled) {
    -webkit-box-shadow: 0 0 0 2px #7d858c;
    box-shadow: 0 0 0 2px #7d858c;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--highlight-button-pressed);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--highlight-button-pressed)
}

.dataview .header-name {
    padding: 10px 2px 12px 4px;
    font-weight: 700;
    letter-spacing: .01em;
    cursor: default
}

.dataview.bordered {
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid #cfcfcf;
    border-radius: 2px
}

.menu-change-shape,.menu-insert-shape {
    width: 362px;
    padding: 10px 5px 10px 10px!important
}

.menu-change-shape .group-description,.menu-insert-shape .group-description {
    padding: 3px 0 3px 4px
}

.menu-change-shape .dataview .grouped-data .group-items-container .item,.menu-insert-shape .dataview .grouped-data .group-items-container .item {
    box-shadow: none;
    margin: 2px 2px 2px
}

.listview {
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px;
    line-height: 15px
}

.listview.inner {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    position: relative
}

.listview.inner .empty-text {
    text-align: center;
    width: 100%;
    height: 100%;
    color: #a5a5a5;
    color: var(--text-tertiary)
}

.listview.inner .empty-text td {
    padding: 5px
}

.listview:not(.no-focus):focus:not(.disabled) {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.listview>.item {
    text-overflow: ellipsis;
    padding: 3px 6px;
    cursor: pointer;
    white-space: pre-wrap;
    background-color: #fff;
    background-color: var(--background-normal);
    border-color: #cfcfcf;
    border-color: var(--border-regular-control);
    border-style: solid;
    border-width: 1px 0;
    border-width: var(--scaled-one-pixel,1px) 0;
    border-top-color: transparent
}

.listview:not(.disabled)>.item:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover);
    border-color: #d8dadc;
    border-color: var(--highlight-button-hover);
    border-style: solid;
    border-width: 1px 0;
    border-width: var(--scaled-one-pixel,1px) 0
}

.listview:not(.disabled)>.item.selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed);
    border-color: #7d858c;
    border-color: var(--highlight-button-pressed);
    border-style: solid;
    border-width: 1px 0;
    border-width: var(--scaled-one-pixel,1px) 0
}

.listview.ps-container {
    overflow: hidden
}

.listview.disabled>.item {
    cursor: default;
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.dbl-clickable.listview .list-item {
    pointer-events: none
}

.no-borders>.listview .item {
    border-color: transparent;
    border-top-color: transparent
}

.treeview {
    border: 1px solid #cfcfcf;
    border-radius: 2px
}

.treeview.inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.treeview.inner .empty-text {
    text-align: center;
    height: 100%;
    width: 100%;
    color: #a5a5a5;
    color: var(--text-tertiary)
}

.treeview.inner .empty-text td {
    padding: 5px
}

.treeview:focus {
    border-color: #848484;
    border-color: var(--border-preview-select)
}

.treeview>.item {
    display: block;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

.treeview>.item.over,.treeview>.item:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.treeview>.item.selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.treeview>.item.selected .empty {
    display: none
}

.treeview .tree-item {
    width: 100%;
    min-height: 28px;
    padding: 0 12px 0 24px
}

.treeview .name {
    width: 100%;
    padding: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.treeview .name.empty {
    color: #a5a5a5;
    color: var(--text-tertiary);
    font-style: italic
}

.treeview .tree-caret {
    width: 24px;
    height: 24px;
    background-position: 3px -270px;
    display: inline-block;
    position: absolute;
    left: 0;
    cursor: pointer
}

.treeview .tree-caret.up {
    transform: rotate(270deg)
}

.safari .treeview .name::before {
    content: '';
    display: block
}

.palette-color .color-item {
    float: left;
    width: 28px;
    height: 28px;
    margin: 1px
}

.palette-color .color-item.selected,.palette-color .color-item:hover {
    -webkit-box-shadow: 0 0 0 1px #7d858c;
    box-shadow: 0 0 0 1px #7d858c;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--highlight-button-pressed);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--highlight-button-pressed)
}

.color-transparent:before {
    content: '';
    position: absolute;
    border-right: 2px solid red;
    height: 14px;
    transform: translate(5px,-1px) rotate(45deg)
}

.palette-color-ext {
    padding: 10px
}

.palette-color-ext .palette-color-item {
    padding: 0;
    border: 1px solid #fff;
    border: var(--scaled-one-pixel,1px) solid var(--background-normal);
    display: inline-block;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
    vertical-align: middle
}

.palette-color-ext .palette-color-item em {
    border: none;
    display: block
}

.palette-color-ext .palette-color-item em span {
    height: 12px;
    width: 12px;
    cursor: pointer;
    display: block;
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading)
}

.palette-color-ext .palette-color-item.selected,.palette-color-ext .palette-color-item:hover {
    border-color: #444;
    border-color: var(--icon-normal)
}

.palette-color-ext .palette-color-item.selected em span,.palette-color-ext .palette-color-item:hover em span {
    border-color: #fff;
    border-color: var(--background-normal)
}

.palette-color-ext .color-transparent em span {
    border: solid 1px rgba(0,0,0,.2);
    border: solid var(--scaled-one-pixel,1px) var(--border-color-shading)
}

.theme-colorpalette {
    margin: 0!important
}

.theme-colorpalette em {
    border: none;
    display: block
}

.theme-colorpalette em span {
    height: 12px;
    width: 12px;
    cursor: pointer;
    display: block
}

.theme-colorpalette.palette-large em span {
    height: 28px;
    width: 28px
}

.theme-colorpalette a {
    padding: 0;
    margin: calc(1px - 1px / var(--pixel-ratio-factor,1));
    border: 1px solid #fff;
    border: var(--scaled-one-pixel,1px) solid var(--background-normal);
    float: left;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer
}

.theme-colorpalette a em span {
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading)
}

.theme-colorpalette a.selected,.theme-colorpalette a:focus,.theme-colorpalette a:hover {
    border-color: #444;
    border-color: var(--icon-normal)
}

.theme-colorpalette a.selected em span,.theme-colorpalette a:focus em span,.theme-colorpalette a:hover em span {
    border-color: #fff;
    border-color: var(--background-normal)
}

.theme-colorpalette .dynamic-empty-color {
    background: #fff;
    background: var(--background-normal)
}

.theme-colorpalette .dynamic-empty-color em span {
    border: solid 1px rgba(0,0,0,.2);
    border: solid var(--scaled-one-pixel,1px) var(--border-color-shading);
    background: #fff;
    background: var(--background-normal)
}

.theme-colorpalette .color-transparent em span {
    border: solid 1px rgba(0,0,0,.2);
    border: solid var(--scaled-one-pixel,1px) var(--border-color-shading)
}

.dimension-picker {
    font-size: 20px
}

.dimension-picker div {
    position: relative
}

.dimension-picker div.dimension-picker-mousecatcher {
    left: 0;
    top: 0;
    position: absolute!important
}

.dimension-picker div.dimension-picker-highlighted {
    left: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
    background-image: url(../../../../common/main/resources/img/dimension-picker/dimension-highlighted.png);
    background-repeat: no-repeat;
    background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio:1.49),only screen and (min-resolution:1.25dppx) and (max-resolution:1.49dppx),only screen and (min-resolution:120dpi) and (max-resolution:143dpi) {
    .dimension-picker div.dimension-picker-highlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-highlighted@1.25x.png);
        background-size: 20px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.74),only screen and (min-resolution:1.5dppx) and (max-resolution:1.74dppx),only screen and (min-resolution:144dpi) and (max-resolution:167dpi) {
    .dimension-picker div.dimension-picker-highlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-highlighted@1.5x.png);
        background-size: 20px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.75dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:168dpi) and (max-resolution:191dpi) {
    .dimension-picker div.dimension-picker-highlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-highlighted@1.75x.png);
        background-size: 20px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .dimension-picker div.dimension-picker-highlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-highlighted@2x.png);
        background-size: 20px auto
    }
}

.pixel-ratio__1_25 .dimension-picker div.dimension-picker-highlighted,.pixel-ratio__1_75 .dimension-picker div.dimension-picker-highlighted {
    image-rendering: pixelated
}

.dimension-picker-unhighlighted {
    background-image: url(../../../../common/main/resources/img/dimension-picker/dimension-unhighlighted.png);
    background-repeat: no-repeat;
    background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio:1.49),only screen and (min-resolution:1.25dppx) and (max-resolution:1.49dppx),only screen and (min-resolution:120dpi) and (max-resolution:143dpi) {
    .dimension-picker-unhighlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-unhighlighted@1.25x.png);
        background-size: 20px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.74),only screen and (min-resolution:1.5dppx) and (max-resolution:1.74dppx),only screen and (min-resolution:144dpi) and (max-resolution:167dpi) {
    .dimension-picker-unhighlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-unhighlighted@1.5x.png);
        background-size: 20px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.75dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:168dpi) and (max-resolution:191dpi) {
    .dimension-picker-unhighlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-unhighlighted@1.75x.png);
        background-size: 20px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .dimension-picker-unhighlighted {
        background-image:url(../../../../common/main/resources/img/dimension-picker/dimension-unhighlighted@2x.png);
        background-size: 20px auto
    }
}

.pixel-ratio__1_25 .dimension-picker-unhighlighted,.pixel-ratio__1_75 .dimension-picker-unhighlighted {
    image-rendering: pixelated
}

.dimension-picker-status {
    font-size: 12px;
    text-align: center
}

.hsb-colorpicker .top-panel {
    height: 22px;
    margin: 0 0 10px
}

.hsb-colorpicker .color-value {
    width: 22px;
    height: 22px;
    float: left;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-image: none;
    background-position: 0 -206px;
    background-repeat: no-repeat
}

.hsb-colorpicker .color-value .transparent-color {
    width: 22px;
    height: 22px;
    float: left;
    background-position: 0 -206px
}

.hsb-colorpicker .color-text {
    color: #444;
    color: var(--text-normal);
    height: 22px;
    padding: 4px 32px;
    cursor: default
}

.hsb-colorpicker .cnt-hb {
    display: inline-block;
    width: 195px;
    height: 196px;
    position: relative;
    background-position: 0 0
}

.hsb-colorpicker .cnt-root {
    display: inline-block;
    width: 10px;
    height: 196px;
    margin: 0 8px
}

.hsb-colorpicker .cnt-sat {
    width: 12px;
    height: 100%;
    position: relative;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-position: -195px 0
}

.hsb-colorpicker .cnt-hb-arrow {
    display: block;
    width: 12px;
    height: 12px;
    margin: -6px;
    position: absolute;
    border: 1px solid #000;
    border: var(--scaled-one-pixel,1px) solid #000;
    border-radius: 50%
}

.hsb-colorpicker .cnt-hb-arrow:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border: var(--scaled-one-pixel,1px) solid #fff;
    border-radius: 50%
}

.hsb-colorpicker .cnt-sat-arrow {
    width: 20px;
    height: 12px;
    margin-top: -6px;
    margin-left: -4px;
    margin-left: calc(-3px - var(--scaled-one-pixel,1px));
    position: absolute;
    background-position: -12px -196px
}

.hsb-colorpicker .empty-color {
    color: #444;
    color: var(--text-normal);
    height: 16px;
    margin: 5px 0
}

.hsb-colorpicker .empty-color:hover {
    cursor: pointer;
    background-color: #efefef
}

.hsb-colorpicker .empty-color:active {
    background-color: #cecece
}

.hsb-colorpicker .empty-color:before {
    content: "";
    background-position: -28px -196px;
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-top: 1px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

.table-styler {
    background-color: var(--canvas-content-background)
}

.table-styler table.transparent {
    background-color: var(--canvas-content-background)!important
}

.table-styler td {
    padding: 0
}

.table-styler td.content-box {
    height: 50%
}

.table-styler td.content-box .tablestyler-cell {
    height: 100%
}

.table-styler td.content-box .tablestyler-cell .cell-content {
    height: 100%;
    padding: 6px
}

.table-styler .tablestyler-cell .cell-content .content-text {
    display: block;
    background: url() repeat 0 0 scroll;
    background-size: 2px 4px;
    height: 100%
}

.pixel-ratio__1_25 .table-styler .tablestyler-cell .cell-content .content-text {
    background-image: url()
}

.pixel-ratio__1_5 .table-styler .tablestyler-cell .cell-content .content-text {
    background-image: url()
}

.pixel-ratio__1_75 .table-styler .tablestyler-cell .cell-content .content-text {
    background-image: url()
}

.pixel-ratio__2 .table-styler .tablestyler-cell .cell-content .content-text {
    background-image: url()
}

.table-styler .ts-preview-box {
    position: absolute
}

.table-styler .ts-preview-box.ts-preview-box--lt {
    border-bottom: 1px dotted gray;
    border-bottom: var(--scaled-one-pixel,1px) dotted gray;
    border-right: 1px dotted gray;
    border-right: var(--scaled-one-pixel,1px) dotted gray
}

.table-styler .ts-preview-box.ts-preview-box--rt {
    border-bottom: 1px dotted gray;
    border-bottom: var(--scaled-one-pixel,1px) dotted gray;
    border-left: 1px dotted gray;
    border-left: var(--scaled-one-pixel,1px) dotted gray
}

.table-styler .ts-preview-box.ts-preview-box--lb {
    border-top: 1px dotted gray;
    border-top: var(--scaled-one-pixel,1px) dotted gray;
    border-right: 1px dotted gray;
    border-right: var(--scaled-one-pixel,1px) dotted gray
}

.table-styler .ts-preview-box.ts-preview-box--rb {
    border-top: 1px dotted gray;
    border-top: var(--scaled-one-pixel,1px) dotted gray;
    border-left: 1px dotted gray;
    border-left: var(--scaled-one-pixel,1px) dotted gray
}

.masked-field {
    text-align: right;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-radius: 2px;
    padding: 0 3px
}

.masked-field:focus {
    border-color: #848484;
    border-color: var(--border-preview-select)
}

.extended-color-dlg .color-box {
    padding: 16px 16px 5px 16px
}

.extended-color-dlg .color-box>div {
    display: inline-block
}

.extended-color-dlg .color-box .hsb-colorpicker {
    display: inline;
    width: 225px;
    height: 200px
}

.extended-color-dlg .color-box label {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    vertical-align: middle
}

.extended-color-dlg .color-box label.color-label {
    text-align: center;
    width: 100%
}

.extended-color-dlg .color-box label.input-label {
    width: 12px
}

.extended-color-dlg .color-box input {
    font-weight: 400;
    font-size: 12px;
    background-color: var(--background-normal)
}

.extended-color-dlg .color-box .color-cnt {
    width: 63px;
    height: 20px;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading)
}

.extended-color-dlg .color-box .color-cnt.top {
    border-bottom: none
}

.extended-color-dlg .color-box .color-cnt.bottom {
    border-top: none
}

.extended-color-dlg .color-box .color-spin {
    display: inline-block;
    vertical-align: middle
}

.extended-color-dlg .color-box .color-transparent:before {
    height: 64px;
    transform: translate(29px,-22px) rotate(73deg)
}

.extended-color-dlg .footer {
    height: 37px;
    width: 100%;
    bottom: 0;
    text-align: center;
    padding: 7px 0 0 0
}

.extended-color-dlg .footer button {
    width: 75px;
    height: 22px
}

.extended-color-dlg .footer button:not(:first-child) {
    margin-left: 10px
}

.layout-ct {
    position: absolute;
    width: 100%;
    height: 100%
}

.layout-ct .layout-item,.layout-ct .layout-resizer {
    position: absolute
}

.layout-ct .layout-resizer {
    z-index: 990;
    background: #f1f1f1;
    background: var(--background-toolbar);
    border: 0 none
}

.layout-ct .layout-resizer.move {
    opacity: .4
}

.layout-ct.vbox .layout-item,.layout-ct.vbox>.layout-resizer {
    left: 0;
    width: 100%
}

.layout-ct.vbox>.layout-resizer {
    height: 4px;
    cursor: row-resize
}

.layout-ct.vbox>.layout-resizer.move {
    border-top: solid 1px #cbcbcb;
    border-top: solid var(--scaled-one-pixel,1px) var(--border-toolbar);
    border-bottom: solid 1px #cbcbcb;
    border-bottom: solid var(--scaled-one-pixel,1px) var(--border-toolbar)
}

.layout-ct.hbox .layout-item,.layout-ct.hbox>.layout-resizer {
    top: 0;
    height: 100%
}

.layout-ct.hbox>.layout-resizer {
    width: 4px;
    cursor: col-resize
}

.layout-ct.hbox>.layout-resizer.move {
    border-left: solid 1px #cbcbcb;
    border-left: solid var(--scaled-one-pixel,1px) var(--border-toolbar);
    border-right: solid 1px #cbcbcb;
    border-right: solid var(--scaled-one-pixel,1px) var(--border-toolbar)
}

.combo-border-size .form-control:not(input) {
    cursor: pointer
}

.combo-border-size.input-group-nr .form-control:not(input) {
    padding-top: 0;
    padding-bottom: 0;
    display: block
}

.combo-border-size li a {
    white-space: normal
}

.combo-border-size li span {
    display: inline-block;
    margin-top: 3px;
    font-size: 11px;
    height: 17px
}

.combo-border-size li img {
    width: 60px;
    height: 20px;
    background-color: transparent;
    image-rendering: pixelated
}

.combo-border-size .image {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: transparent;
    margin: 0 0 0 -3px;
    image-rendering: pixelated
}

.combo-border-size .image,.combo-border-size img {
    background: url(../../../../common/main/resources/img/combo-border-size/BorderSize.png) no-repeat 0 0;
    background-size: 60px auto
}

.pixel-ratio__1_25 .combo-border-size .image,.pixel-ratio__1_25 .combo-border-size img {
    background-image: url(../../../../common/main/resources/img/combo-border-size/BorderSize@1.25x.png)
}

.pixel-ratio__1_5 .combo-border-size .image,.pixel-ratio__1_5 .combo-border-size img {
    background-image: url(../../../../common/main/resources/img/combo-border-size/BorderSize@1.5x.png)
}

.pixel-ratio__1_75 .combo-border-size .image,.pixel-ratio__1_75 .combo-border-size img {
    background-image: url(../../../../common/main/resources/img/combo-border-size/BorderSize@1.75x.png)
}

.pixel-ratio__2 .combo-border-size .image,.pixel-ratio__2 .combo-border-size img {
    background-image: url(../../../../common/main/resources/img/combo-border-size/BorderSize@2x.png)
}

.combo-color .form-control:not(input) {
    cursor: pointer
}

.combo-color li img {
    -webkit-filter: none;
    filter: none
}

.combo-color li.selected img {
    -webkit-filter: none;
    filter: none
}

.combo-dataview {
    width: 100%
}

.combo-dataview .view {
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-color: #fff;
    background-color: var(--background-normal)
}

.combo-dataview .view .dataview {
    padding: 1px
}

.combo-dataview .button {
    display: inline-block;
    float: right
}

.combo-dataview .button button {
    border-radius: 0 2px 2px 0;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-color: #fff;
    background-color: var(--background-normal)
}

.combo-dataview .button button.dropdown-toggle .inner-box-caret {
    padding: 0 1px 0 0
}

.combo-dataview .button button.dropdown-toggle .caret {
    margin-left: 1px
}

.ie .combo-dataview .button button.dropdown-toggle .caret {
    margin-left: 0
}

.combo-dataview .button button.active .caret,.combo-dataview .button button:active .caret {
    border-color: #444;
    border-color: var(--icon-normal)
}

.combo-dataview .dropdown-menu {
    border-color: #cfcfcf;
    border-color: var(--border-regular-control);
    border-top-right-radius: 0;
    border-top-left-radius: 2px;
    margin: 0;
    padding: 1px;
    overflow: hidden
}

.combo-dataview.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.combo-dataview.disabled .dataview.inner>.item {
    cursor: default
}

.masked .combo-dataview.disabled {
    opacity: 1
}

.combo-styles {
    height: 46px;
    height: calc(46px - ((1 - 1) * var(--scaled-one-pixel,1px)) - 1 * (6px - 2 * var(--scaled-two-pixel,2px) - 2 * var(--scaled-one-pixel,1px)))
}

.combo-styles .view {
    margin-right: -30px;
    padding-right: calc(30px - var(--scaled-two-pixel,2px));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.combo-styles .view .dataview {
    height: 46px;
    height: calc(46px - ((1 - 1) * var(--scaled-one-pixel,1px)) - 1 * (6px - 2 * var(--scaled-two-pixel,2px) - 2 * var(--scaled-one-pixel,1px)));
    padding: 0;
    margin: -1 0 0 -1;
    margin: calc(-1px / var(--pixel-ratio-factor,1)) 0 0 calc(-1px / var(--pixel-ratio-factor,1))
}

.combo-styles:not(.shapes) .item {
    padding: 2px;
    padding: var(--scaled-two-pixel,2px);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -1px -1px 0;
    margin: 0 calc(-1px / var(--pixel-ratio-factor,1)) calc(-1px / var(--pixel-ratio-factor,1)) 0;
    height: 46px;
    height: calc(46px - 6px + 2 * var(--scaled-two-pixel,2px) + 2 * var(--scaled-one-pixel,1px));
    background-color: #fff;
    background-color: var(--background-normal);
    display: flex
}

.combo-styles:not(.shapes) .item:hover {
    -webkit-box-shadow: inset 0 0 0 2px #cfcfcf;
    box-shadow: inset 0 0 0 2px #cfcfcf;
    -webkit-box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover);
    box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)
}

.combo-styles:not(.shapes) .item.selected {
    -webkit-box-shadow: inset 0 0 0 2px #848484;
    box-shadow: inset 0 0 0 2px #848484;
    -webkit-box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select);
    box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)
}

.combo-styles.disabled:not(.shapes) .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-styles.disabled:not(.shapes) .item:hover:not(.selected) .style>div {
    background-color: transparent
}

.combo-styles:not(.shapes) .dropdown-menu {
    box-sizing: content-box;
    padding: 0;
    border-top-left-radius: 0;
    border-left: 0 none
}

.combo-styles:not(.shapes) .dropdown-menu .dataview {
    margin-top: -1px;
    margin-top: calc(-1 * var(--scaled-one-pixel,1px))
}

.combo-styles .style {
    width: auto;
    position: relative;
    border: none;
    background-color: var(--canvas-content-background)
}

.combo-styles .style>div {
    background-repeat: no-repeat;
    background-size: cover
}

.combo-styles .button {
    width: 30px;
    height: 46px;
    height: calc(46px - ((1 - 1) * var(--scaled-one-pixel,1px)) - 1 * (6px - 2 * var(--scaled-two-pixel,2px) - 2 * var(--scaled-one-pixel,1px)))
}

.combo-styles .button .btn-group,.combo-styles .button button {
    width: 100%;
    height: 100%
}

.combo-styles .button button.dropdown-toggle {
    padding: 0
}

.combo-styles .button button.dropdown-toggle .caret {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: solid 1px #444;
    border: solid 1px var(--icon-normal);
    border-bottom: none;
    border-right: none;
    background-image: none;
    transition: transform .2s ease;
    transform: rotate(-135deg) translate(2px,2px)
}

.combo-styles .button button.dropdown-toggle.active .caret {
    transform: rotate(45deg)
}

.combo-styles .ps-scrollbar-y-rail {
    margin-top: 2px
}

.combo-cell-styles {
    height: 52px;
    height: calc(52px - ((2 - 1) * var(--scaled-one-pixel,1px)) - 2 * (6px - 2 * var(--scaled-two-pixel,2px) - 2 * var(--scaled-one-pixel,1px)))
}

.combo-cell-styles .view {
    margin-right: -30px;
    padding-right: calc(30px - var(--scaled-two-pixel,2px));
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.combo-cell-styles .view .dataview {
    height: 52px;
    height: calc(52px - ((2 - 1) * var(--scaled-one-pixel,1px)) - 2 * (6px - 2 * var(--scaled-two-pixel,2px) - 2 * var(--scaled-one-pixel,1px)));
    padding: 0;
    margin: -1 0 0 -1;
    margin: calc(-1px / var(--pixel-ratio-factor,1)) 0 0 calc(-1px / var(--pixel-ratio-factor,1))
}

.combo-cell-styles:not(.shapes) .item {
    padding: 2px;
    padding: var(--scaled-two-pixel,2px);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -1px -1px 0;
    margin: 0 calc(-1px / var(--pixel-ratio-factor,1)) calc(-1px / var(--pixel-ratio-factor,1)) 0;
    height: 26px;
    height: calc(26px - 6px + 2 * var(--scaled-two-pixel,2px) + 2 * var(--scaled-one-pixel,1px));
    background-color: #fff;
    background-color: var(--background-normal);
    display: flex
}

.combo-cell-styles:not(.shapes) .item:hover {
    -webkit-box-shadow: inset 0 0 0 2px #cfcfcf;
    box-shadow: inset 0 0 0 2px #cfcfcf;
    -webkit-box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover);
    box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)
}

.combo-cell-styles:not(.shapes) .item.selected {
    -webkit-box-shadow: inset 0 0 0 2px #848484;
    box-shadow: inset 0 0 0 2px #848484;
    -webkit-box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select);
    box-shadow: inset 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)
}

.combo-cell-styles.disabled:not(.shapes) .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-cell-styles.disabled:not(.shapes) .item:hover:not(.selected) .style>div {
    background-color: transparent
}

.combo-cell-styles:not(.shapes) .dropdown-menu {
    box-sizing: content-box;
    padding: 0;
    border-top-left-radius: 0;
    border-left: 0 none
}

.combo-cell-styles:not(.shapes) .dropdown-menu .dataview {
    margin-top: -1px;
    margin-top: calc(-1 * var(--scaled-one-pixel,1px))
}

.combo-cell-styles .style {
    width: auto;
    position: relative;
    border: none;
    background-color: var(--canvas-content-background)
}

.combo-cell-styles .style>div {
    background-repeat: no-repeat;
    background-size: cover
}

.combo-cell-styles .button {
    width: 30px;
    height: 52px;
    height: calc(52px - ((2 - 1) * var(--scaled-one-pixel,1px)) - 2 * (6px - 2 * var(--scaled-two-pixel,2px) - 2 * var(--scaled-one-pixel,1px)))
}

.combo-cell-styles .button .btn-group,.combo-cell-styles .button button {
    width: 100%;
    height: 100%
}

.combo-cell-styles .button button.dropdown-toggle {
    padding: 0
}

.combo-cell-styles .button button.dropdown-toggle .caret {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border: solid 1px #444;
    border: solid 1px var(--icon-normal);
    border-bottom: none;
    border-right: none;
    background-image: none;
    transition: transform .2s ease;
    transform: rotate(-135deg) translate(2px,2px)
}

.combo-cell-styles .button button.dropdown-toggle.active .caret {
    transform: rotate(45deg)
}

.combo-cell-styles .ps-scrollbar-y-rail {
    margin-top: 2px
}

.combo-template {
    height: 64px
}

.combo-template .dropdown-menu {
    padding: 2px
}

.combo-template .view {
    margin-right: -18px;
    padding-right: 18px
}

.combo-template .view .dataview {
    padding: 2px
}

.combo-template .button {
    width: 18px;
    height: 64px
}

.combo-template.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.combo-template .ps-scrollbar-y-rail {
    margin-top: 3px;
    margin-bottom: 3px;
    right: 3px!important
}

.combo-pattern {
    height: 40px
}

.combo-pattern .view {
    margin-right: -15px;
    padding-right: 15px
}

.combo-pattern .button {
    width: 15px;
    height: 40px
}

.combo-pattern .item {
    margin: 4px 0 4px 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-pattern.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-pattern .item:hover {
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-preview-hover);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-preview-hover)
}

.combo-pattern .dropdown-menu {
    padding-right: 2px
}

.combo-pattern .ps-scrollbar-y-rail {
    margin-top: 4px;
    margin-bottom: 4px
}

.combo-textart {
    height: 62px
}

.combo-textart .view {
    margin-right: -15px;
    padding-right: 15px
}

.combo-textart .button {
    width: 15px;
    height: 62px
}

.combo-textart .item {
    margin: 4px 0 4px 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-textart.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-spark-style {
    height: 58px
}

.combo-spark-style .view {
    margin-right: -15px;
    padding-right: 15px
}

.combo-spark-style .button {
    width: 15px;
    height: 58px
}

.combo-spark-style .item {
    margin: 2px 0 2px 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-spark-style.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-chart-style {
    height: 58px
}

.combo-chart-style .view {
    margin-right: -15px;
    padding-right: 15px
}

.combo-chart-style .button {
    width: 15px;
    height: 58px
}

.combo-chart-style .item {
    margin: 2px 0 2px 2px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-chart-style.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-chart-style .item {
    margin-left: 4px;
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.combo-chart-style.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.combo-chart-style .combo-wrap-item.options__icon {
    background-position-x: 0;
    background-position-x: var(--button-huge-normal-icon-offset-x,0)
}

.combo-pivot-template {
    height: 60px;
    top: -4px;
    position: absolute;
    padding-right: 12px
}

.combo-pivot-template .dropdown-menu {
    padding: 2px
}

.combo-pivot-template .view {
    margin-right: -18px;
    padding-right: 18px
}

.combo-pivot-template .view .dataview {
    padding: 2px
}

.combo-pivot-template .button {
    width: 18px;
    height: 60px
}

.combo-pivot-template.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.combo-pivot-template .ps-scrollbar-y-rail {
    margin-top: 3px;
    margin-bottom: 3px;
    right: 3px!important
}

.more-container .combo-pivot-template {
    position: static
}

.combo-pivot-template .dropdown-menu,.combo-pivot-template .view .dataview {
    padding: 1px
}

.combo-pivot-template .dataview .item:hover {
    -webkit-box-shadow: 0 0 0 2px #cfcfcf!important;
    box-shadow: 0 0 0 2px #cfcfcf!important;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)!important;
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)!important
}

.combo-pivot-template .dataview .item.selected {
    -webkit-box-shadow: 0 0 0 2px #848484!important;
    box-shadow: 0 0 0 2px #848484!important;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)!important;
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)!important
}

.combo-pivot-template .dropdown-menu {
    padding: 5px 1px 5px 1px
}

.combo-pivot-template .dropdown-menu .dataview .group-description {
    padding: 3px 0 3px 10px;
    font-weight: 700;
    letter-spacing: .01em
}

.combo-slicer-style {
    height: 60px
}

.combo-slicer-style .view {
    margin-right: -15px;
    padding-right: 15px
}

.combo-slicer-style .button {
    width: 15px;
    height: 60px
}

.combo-slicer-style .item {
    margin: 4px 0 4px 4px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-slicer-style.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-transitions {
    height: 46px;
    height: calc(40px + 2 * var(--scaled-two-pixel,2px) + 2 * var(--scaled-one-pixel,1px))
}

.combo-transitions .view {
    margin-right: -15px;
    padding-right: calc(15px - var(--scaled-one-pixel,1px))
}

.combo-transitions .dropdown-menu,.combo-transitions .view .dataview {
    padding: 0
}

.combo-transitions .button {
    width: 15px;
    height: 46px;
    height: calc(40px + 2 * var(--scaled-two-pixel,2px) + 2 * var(--scaled-one-pixel,1px))
}

.combo-transitions .item,.combo-transitions .menu-picker-container .dataview .group-items-container .item {
    padding: 0;
    margin: 2px;
    margin: var(--scaled-two-pixel,2px);
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-transitions .item:hover,.combo-transitions .menu-picker-container .dataview .group-items-container .item:hover {
    -webkit-box-shadow: 0 0 0 2px #cfcfcf;
    box-shadow: 0 0 0 2px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)
}

.combo-transitions .item.selected,.combo-transitions .menu-picker-container .dataview .group-items-container .item.selected {
    -webkit-box-shadow: 0 0 0 2px #848484;
    box-shadow: 0 0 0 2px #848484;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)
}

.combo-transitions .menu-picker-container .group-description {
    padding: 3px 0 3px 10px;
    font-weight: 700;
    letter-spacing: .01em
}

.combo-transitions .menu-picker-container .group-items-container .item:last-child {
    margin-bottom: var(--scaled-two-pixel,2px)
}

.combo-transitions .menu-picker-container .last-item {
    margin-bottom: var(--scaled-two-pixel,2px)
}

.combo-transitions.disabled .item:hover:not(.selected) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combo-transitions .btn_item,.menu-animation .btn_item {
    color: #444;
    color: var(--text-normal);
    display: inline-flex;
    flex-direction: column;
    align-items: center
}

.combo-transitions .btn_item .icon:not(svg),.menu-animation .btn_item .icon:not(svg) {
    width: 28px;
    height: 28px;
    min-width: 0
}

.combo-transitions .btn_item .caption,.menu-animation .btn_item .caption {
    line-height: 12px;
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
    padding: 0 2px
}

.slider {
    position: relative;
    height: 18px
}

.slider.single-slider {
    padding-top: 7px
}

.slider.single-slider .track {
    height: 4px;
    border: 2px solid #cfcfcf;
    border: 2px solid var(--border-regular-control);
    border-radius: 2px;
    background-color: #cfcfcf;
    background-color: var(--border-regular-control);
    width: calc(100% + 4px);
    margin-left: -2px
}

.slider.single-slider .thumb {
    width: 12px;
    height: 12px;
    border: 1px solid #444;
    border: var(--scaled-one-pixel,1px) solid var(--icon-normal);
    background-color: #fff;
    background-color: var(--background-normal);
    border-radius: 6px;
    top: 3px;
    margin-left: -6px
}

.slider.single-slider.vertical {
    height: auto;
    width: 18px;
    padding-top: 0;
    padding-left: 7px
}

.slider.single-slider.vertical .track {
    position: absolute;
    height: calc(100% + 4px);
    width: 4px;
    margin-left: 0;
    margin-top: -2px
}

.slider.single-slider.vertical .thumb {
    top: auto;
    left: 3px;
    margin-left: 0;
    margin-top: -6px
}

.slider .thumb {
    position: absolute;
    left: 0;
    margin-left: -7px;
    cursor: default
}

.slider .track {
    height: 18px;
    background-color: transparent
}

.slider .track div {
    width: 7px;
    height: 18px;
    display: inline-block
}

.slider.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.multi-slider-gradient {
    height: 35px;
    background-color: transparent
}

.multi-slider-gradient .thumb {
    width: 13px;
    height: 15px;
    top: 18px;
    background: 0 0
}

.multi-slider-gradient .thumb .thumb-top {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    background-color: #fff;
    background-color: var(--background-normal);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: solid 1px #cfcfcf;
    border-top: solid var(--scaled-one-pixel,1px) var(--border-regular-control);
    border-left: solid 1px #cfcfcf;
    border-left: solid var(--scaled-one-pixel,1px) var(--border-regular-control);
    border-radius: 0 3px;
    box-sizing: content-box
}

.multi-slider-gradient .thumb .thumb-top .thumb-top-inner {
    border-top: solid 1px #fff;
    border-top: solid var(--scaled-one-pixel,1px) var(--background-normal);
    border-left: solid 1px #fff;
    border-left: solid var(--scaled-one-pixel,1px) var(--background-normal);
    height: 100%
}

.multi-slider-gradient .thumb .thumb-bottom {
    position: absolute;
    top: 6px;
    left: 1px;
    width: 10px;
    height: 9px;
    background-color: #fff;
    background-color: var(--background-normal);
    border: solid 1px #cfcfcf;
    border: solid var(--scaled-one-pixel,1px) var(--border-regular-control);
    border-top: none;
    border-radius: 2px;
    box-sizing: content-box
}

.multi-slider-gradient .thumb .thumb-bottom .thumb-bottom-inner {
    border: solid 1px #fff;
    border: solid var(--scaled-one-pixel,1px) var(--background-normal);
    border-top: none;
    height: 100%
}

.multi-slider-gradient .thumb.active .thumb-top {
    border-top: solid 1px #848484;
    border-top: solid var(--scaled-one-pixel,1px) var(--border-control-focus);
    border-left: solid 1px #848484;
    border-left: solid var(--scaled-one-pixel,1px) var(--border-control-focus)
}

.multi-slider-gradient .thumb.active .thumb-bottom {
    border: solid 1px #848484;
    border: solid var(--scaled-one-pixel,1px) var(--border-control-focus);
    border-top: none
}

.multi-slider-gradient .thumb:hover .thumb-bottom {
    box-shadow: 0 2px 3px rgba(0,0,0,.32)
}

.multi-slider-gradient .thumb.remove {
    opacity: .5
}

.multi-slider-gradient .track {
    background: #ededed;
    background: -webkit-linear-gradient(left,#000 0,#fff 100%);
    background: -moz-linear-gradient(left,#000 0,#fff 100%);
    background: -o-linear-gradient(left,#000 0,#fff 100%);
    background: -ms-linear-gradient(left,#000 0,#fff 100%);
    background: linear-gradient(to right,#000 0,#fff 100%);
    background-position: 0 0;
    outline: 1px solid #848484;
    outline: var(--scaled-one-pixel,1px) solid var(--border-control-focus);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    cursor: copy
}

.advanced-settings-dlg .body {
    height: auto;
    top: 34px
}

.advanced-settings-dlg .body>div {
    width: 100%
}

.advanced-settings-dlg .body .box>div {
    display: inline-block;
    height: 100%
}

.advanced-settings-dlg .body .menu-panel {
    width: 160px;
    padding-top: 2px
}

.advanced-settings-dlg .body .menu-panel .btn-category {
    text-align: left;
    padding: 9px 2px 9px 12px;
    line-height: normal;
    height: auto;
    white-space: normal
}

.advanced-settings-dlg .body .content-panel {
    vertical-align: top;
    padding: 5px 15px 0 10px
}

.advanced-settings-dlg .body .content-panel .inner-content {
    padding-left: 10px;
    padding-right: 10px
}

.advanced-settings-dlg .footer {
    padding: 15px 15px 0
}

.advanced-settings-dlg .footer.center {
    text-align: center
}

.advanced-settings-dlg .footer.right {
    text-align: right
}

.advanced-settings-dlg .footer.justify {
    padding-left: 30px;
    padding-right: 30px
}

.combo-arrow-style .form-control {
    cursor: pointer
}

.combo-arrow-style .form-control .image {
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    margin: 0 0 0 -3px
}

.img-arrows {
    background-image: url(../../../../common/main/resources/img/right-panels/Begin-EndStyle.png);
    background-repeat: no-repeat;
    -webkit-filter: var(--image-border-types-filter, none);
    filter: var(--image-border-types-filter, none)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    .img-arrows {
        background-image:url(../../../../common/main/resources/img/right-panels/Begin-EndStyle@1.5x.png);
        background-size: 480px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .img-arrows {
        background-image:url(../../../../common/main/resources/img/right-panels/Begin-EndStyle@2x.png);
        background-size: 480px auto
    }
}

.item-arrow {
    width: 44px;
    height: 20px
}

#chat-box {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    border-collapse: collapse
}

#chat-box>div {
    display: table-row
}

#chat-box .area {
    position: absolute;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: 1px solid var(--border-toolbar);
    overflow: hidden
}

#chat-box .ps-scrollbar-y-rail {
    margin-top: 5px;
    margin-bottom: 5px;
    right: 4px!important
}

#chat-box #chat-title label {
    padding: 18px 20px;
    font-size: 13px
}

#chat-box #chat-users {
    left: 0;
    top: 0;
    right: 0;
    height: 70px;
    padding: 5px 0
}

#chat-box #chat-users ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

#chat-box #chat-users ul li {
    list-style: none;
    padding: 2px 0 2px 20px;
    overflow: hidden
}

#chat-box #chat-users ul li.offline {
    display: none
}

#chat-box #chat-users .color {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 3px 0;
    width: 12px;
    height: 12px;
    border: 1px solid #cbcbcb;
    border: 1px solid var(--border-toolbar)
}

#chat-box #chat-users .name {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    display: block;
    padding: 0 10px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal;
    height: 16px
}

#chat-box #chat-messages {
    left: 0;
    top: 70px;
    right: 0;
    bottom: 110px;
    font-size: 12px
}

#chat-box #chat-messages ul {
    margin: 0;
    padding: 0
}

#chat-box #chat-messages ul li {
    list-style: none;
    padding: 5px 10px 8px 20px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

#chat-box #chat-messages ul li .user {
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#chat-box #chat-messages ul li .user-name {
    color: #444;
    color: var(--text-normal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#chat-box #chat-messages ul li .color {
    width: 12px;
    height: 12px;
    border: 1px solid #cbcbcb;
    border: 1px solid var(--border-toolbar);
    margin: 0 5px 3px 0;
    vertical-align: middle
}

#chat-box #chat-messages ul li .message {
    word-wrap: break-word;
    width: 100%
}

#chat-box #chat-messages ul li .message.user-select {
    cursor: text
}

#chat-box #chat-options #chat-options-ct {
    padding: 10px 20px 40px 20px;
    height: 100%
}

#chat-box #chat-options textarea {
    width: 100%;
    height: 100%;
    resize: none;
    margin-bottom: 5px;
    border: 1px solid #cfcfcf;
    border: 1px solid var(--border-regular-control);
    font-size: 12px
}

#chat-box #chat-options textarea:focus {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

#comments-box {
    display: table;
    position: relative;
    border-collapse: collapse
}

#comments-box>div {
    display: table-row
}

#comments-box #comments-header {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    right: 0;
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#comments-box #comments-header label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-top: 2px
}

#comments-box .messages-ct {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    bottom: 45px;
    height: 300px;
    padding-top: 45px;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#comments-box .messages-ct.stretch {
    border-bottom: none
}

#comments-box .messages-ct .ps-scrollbar-y-rail {
    margin-top: 5px;
    margin-bottom: 5px;
    right: 4px!important
}

#comments-box .messages-ct .dataview-ct.inner .empty-text {
    text-align: center;
    height: 100%;
    width: 100%;
    color: #a5a5a5;
    color: var(--text-tertiary)
}

#comments-box .messages-ct .dataview-ct.inner .empty-text tr {
    vertical-align: top
}

#comments-box .messages-ct .dataview-ct.inner .empty-text tr td {
    padding-top: 18px
}

#comments-box .add-link-ct {
    height: 45px;
    text-align: center
}

#comments-box .add-link-ct label {
    color: #444;
    color: var(--text-normal);
    font-size: 12px;
    line-height: normal;
    border-bottom: 1px dotted #444;
    border-bottom: var(--scaled-one-pixel,1px) dotted var(--text-normal);
    border-radius: 0;
    padding-top: 12px;
    outline: 0;
    height: 29px;
    cursor: pointer
}

#comments-box .new-comment-ct {
    height: 110px;
    display: none
}

#comments-box .new-comment-ct .inner-ct {
    padding: 7px 20px 37px;
    height: 100%;
    margin-bottom: -32px
}

#comments-box .new-comment-ct textarea {
    font-size: 12px;
    width: 100%;
    resize: none;
    margin-bottom: 5px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    height: 100%
}

#comments-box .new-comment-ct textarea:focus {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

#comments-box .btn.add {
    margin-left: 20px
}

#comments-box .btn.cancel {
    margin-left: 7px
}

.dataview-ct {
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: normal;
    position: relative;
    overflow: hidden;
    color: #848484;
    color: var(--border-preview-select)
}

.dataview-ct textarea {
    width: 100%;
    height: 55px;
    resize: none;
    margin-bottom: 5px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    word-break: break-all;
    line-height: 15px;
    color: #444;
    color: var(--text-normal)
}

.dataview-ct textarea:focus {
    border-color: #848484;
    border-color: var(--border-control-focus)
}

.dataview-ct .btn-fix {
    margin-left: -3px
}

.dataview-ct .textarea-fix {
    margin-left: -3px;
    margin-top: -1px
}

.dataview-ct .separator-cmt {
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    margin: 20px 0 0 0
}

.dataview-ct .user-comment-item {
    position: relative;
    padding: 0 20px 10px 20px
}

.dataview-ct .user-name {
    color: #444;
    color: var(--text-normal);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 65px 0 0;
    height: 26px;
    cursor: default
}

.dataview-ct .color {
    width: 12px;
    height: 12px;
    border: 1px solid #cbcbcb;
    border: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    margin: 0 5px 3px 0;
    vertical-align: middle
}

.dataview-ct .user-name-colored {
    padding: 10px 0 0 0;
    cursor: default;
    max-width: 175px
}

.dataview-ct .user-name-colored span {
    display: inline-block;
    height: 20px;
    max-width: 175px;
    background-color: #ee3525;
    padding: 3px 10px;
    color: #fff;
    font: 11px arial;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dataview-ct .user-date {
    font-size: 11px;
    white-space: nowrap;
    padding: 0;
    height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default
}

.dataview-ct .user-quote {
    font-style: italic;
    margin-top: 10px;
    padding: 0 5px 5px 5px;
    border-left: 1px solid #939393;
    border-left: var(--scaled-one-pixel,1px) solid #939393;
    word-break: break-all;
    white-space: pre-wrap;
    cursor: pointer
}

.dataview-ct .user-message {
    color: #444;
    color: var(--text-normal);
    padding: 9px 0 0 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    cursor: pointer
}

.dataview-ct .user-message.limit-height {
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default
}

.dataview-ct .user-message.user-select {
    cursor: text
}

.dataview-ct .user-message.user-select::selection {
    background: #3494fb;
    color: #fff
}

.dataview-ct .user-reply {
    color: #444;
    color: var(--text-normal);
    margin-top: 10px;
    white-space: pre-wrap;
    width: auto;
    border-bottom: 1px dotted #444;
    border-bottom: var(--scaled-one-pixel,1px) dotted var(--text-normal);
    height: 16px;
    cursor: pointer
}

.dataview-ct .msg-reply {
    max-height: 150px;
    word-break: break-word!important
}

.dataview-ct .edit-ct {
    position: absolute;
    right: 0;
    top: 0;
    margin: 11px 21px 10px 10px;
    height: 20px
}

.dataview-ct .btns-reply-ct {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    margin-top: 11px
}

.dataview-ct .reply-item-ct {
    position: relative;
    padding-bottom: 10px;
    padding-left: 20px
}

.dataview-ct div[class^=btn-] {
    float: left;
    cursor: pointer
}

.dataview-ct .btn-accept,.dataview-ct .btn-delete,.dataview-ct .btn-edit,.dataview-ct .btn-goto,.dataview-ct .btn-reject,.dataview-ct .btn-resolve,.dataview-ct .btn-resolve-check,.dataview-ct .icon-resolve {
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    background-color: transparent
}

.dataview-ct .icon-resolve {
    float: left
}

.dataview-ct .btn-edit {
    background-position: -2px -232px
}

.dataview-ct .btn-delete {
    background-position: -22px -232px
}

.dataview-ct .tool {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    margin-right: 2px
}

.dataview-ct .tool.btn-reject {
    position: relative
}

.dataview-ct .tool.btn-reject.disabled {
    cursor: default
}

.dataview-ct .tool.btn-reject:after,.dataview-ct .tool.btn-reject:before {
    content: ' ';
    position: absolute;
    left: 8px;
    top: 2px;
    height: 12px;
    width: 2px;
    background-color: #444;
    background-color: var(--icon-normal)
}

.dataview-ct .tool.btn-reject:before {
    transform: rotate(45deg)
}

.dataview-ct .tool.btn-reject:after {
    transform: rotate(-45deg)
}

.dataview-ct .tool.help {
    width: 20px;
    margin-right: 0;
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
    color: #444;
    color: var(--text-normal);
    opacity: .7
}

.dataview-ct .tool.help:hover {
    opacity: 1
}

.dataview-ct .tool.help.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4);
    cursor: default
}

.dataview-ct .btn-accept,.dataview-ct .btn-resolve,.dataview-ct .icon-resolve {
    position: relative
}

.dataview-ct .btn-accept:after,.dataview-ct .btn-resolve:after,.dataview-ct .icon-resolve:after {
    content: '';
    position: absolute;
    border: solid #444;
    border: solid var(--text-normal);
    border-width: 0 2px 2px 0;
    transform: rotate(40deg);
    width: 7px;
    height: 12px;
    left: 6px;
    top: 0
}

.dataview-ct .btn-accept.comment-resolved:after,.dataview-ct .btn-accept.i-comment-resolved:after,.dataview-ct .btn-resolve.comment-resolved:after,.dataview-ct .btn-resolve.i-comment-resolved:after,.dataview-ct .icon-resolve.comment-resolved:after,.dataview-ct .icon-resolve.i-comment-resolved:after {
    border-color: #5b9f27;
    border-color: var(--icon-success)
}

.dataview-ct .btn-resolve-check {
    background-position: -42px -234px
}

.dataview-ct .btn-goto {
    background-position: -22px -272px
}

.dataview-ct .inner-edit-ct {
    padding: 7px 0 0 0
}

.dataview-ct .inner-edit-ct .btn-inner-close {
    margin-left: 7px
}

.dataview-ct .reply-ct {
    padding: 10px 0 0 0
}

.dataview-ct .reply-ct .btn-close {
    margin-left: 7px
}

.dataview-ct .reply-inner-ct {
    padding: 0 20px 0 30px
}

.dataview-ct .reply-arrow {
    background-color: transparent;
    background-position: -60px -232px;
    width: 16px;
    height: 16px;
    margin-top: 10px;
    position: absolute
}

.dataview-ct .lock-area {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #F4F4F4;
    margin-top: 2px;
    margin-bottom: -2px;
    opacity: .5;
    cursor: pointer
}

.dataview-ct .lock-author {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 150px;
    height: 20px;
    line-height: 1.42857143;
    background-color: #EE3525;
    margin: 10px 18px;
    padding: 2px 10px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-family: var(--font-family-base-custom,Arial,Helvetica,"Helvetica Neue",sans-serif),Arial,Helvetica,"Helvetica Neue",sans-serif
}

.dataview-ct .resolved {
    width: 18px;
    height: 16px;
    float: left;
    margin: 5px 5px 0 0;
    background-color: transparent;
    background-position: -40px -232px
}

.comments-caret {
    width: 7px;
    height: 7px;
    border: 0;
    background-position: -85px -96px;
    margin: 10px 8px 0 -2px;
    display: inline-block;
    vertical-align: middle
}

.comments-popover {
    width: 100%;
    position: relative;
    overflow-y: hidden
}

.comments-popover .dataview-ct.inner {
    overflow: visible
}

.comments-arrow {
    position: absolute;
    overflow: hidden
}

.comments-arrow:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    width: 15px;
    height: 15px;
    background-color: #fff;
    background-color: var(--background-normal);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid 1px #cbcbcb;
    border: solid var(--scaled-one-pixel,1px) var(--border-toolbar)
}

.comments-arrow.left {
    left: -10px;
    top: 20px;
    width: 10px;
    height: 30px
}

.comments-arrow.right {
    left: 100%;
    top: 20px;
    width: 10px;
    height: 30px
}

.comments-arrow.right:after {
    left: -8px;
    box-shadow: 0 5px 15px rgba(0,0,0,.2)
}

body.chrome .comments-arrow.right:after,body.safari .comments-arrow.right:after {
    box-shadow: none
}

.comments-arrow.top {
    left: 20px;
    top: -10px;
    height: 10px;
    width: 30px
}

.comments-arrow.top:after {
    top: 2px;
    left: 5px
}

.comments-arrow.bottom {
    left: 20px;
    top: auto;
    bottom: -10px;
    height: 10px;
    width: 30px
}

.comments-arrow.bottom:after {
    top: -7px;
    left: 5px
}

.search .body {
    padding: 24px 0
}

.search .body .box {
    padding-left: 18px;
    padding-bottom: 16px
}

.search .body .input-row {
    height: 22px;
    width: 510px;
    margin-bottom: 10px
}

.search .body .input-row .row-el {
    margin-top: 3px;
    margin-right: 10px
}

.search .body input[type=text] {
    display: inline-block;
    width: 470px
}

.search .body #sd-text-search:not(.clear) {
    margin-left: 8px
}

.search .body #sd-text-search.clear {
    width: 100%
}

.search .body #sd-text-replace,.search .body #search-label-replace {
    margin-left: 39px
}

.search .body #search-label-replace {
    padding-top: 3px
}

.search .body .btn.normal {
    width: 100px
}

.search .body .btn.normal.iconic {
    width: 45px;
    padding-top: 2px
}

.search .body .btn.normal.iconic span.icon {
    display: inline-block;
    width: 16px;
    height: 16px
}

.search .body .btn.normal.iconic span.icon.back {
    background-position: -36px -96px
}

.search .body .btn.normal.iconic span.icon.next {
    background-position: -36px -112px
}

.search .body .btn.normal.right {
    float: right
}

.search .body .separator.horizontal {
    width: 100%
}

.search .body .footer {
    padding: 20px
}

.search .body .footer.right {
    text-align: right
}

.search-bar {
    z-index: 950
}

.search-bar .box {
    padding: 15px;
    display: flex
}

.search-bar .box input[type=text] {
    width: 192px
}

.search-bar .box .tools {
    display: flex;
    align-items: center
}

.search-bar .box .tools div {
    margin-left: 5px
}

.search-bar .box .tools div:first-of-type {
    margin-left: 7px
}

.search-panel {
    display: table;
    position: relative;
    border-collapse: collapse;
    line-height: 15px
}

.search-panel>div {
    display: table-row
}

.search-panel #search-header {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    right: 0;
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

.search-panel #search-header label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-top: 2px
}

.search-panel #search-header #search-btn-close {
    float: right
}

.search-panel #search-adv-settings {
    position: relative;
    padding: 10px 15px 0 15px
}

.search-panel #search-adv-settings table {
    width: 100%
}

.search-panel #search-adv-settings .padding-small {
    padding-bottom: 8px
}

.search-panel #search-adv-settings .padding-large {
    padding-bottom: 14px
}

.search-panel #search-adv-settings #search-adv-results-number {
    padding-top: 2px;
    width: calc(100% - 48px);
    color: #a5a5a5;
    color: var(--text-secondary)
}

.search-panel #search-adv-settings #search-adv-results-number .search-again {
    color: var(--text-secondary);
    cursor: pointer;
    text-decoration: underline
}

.search-panel #search-adv-settings .search-nav-btns {
    display: inline-block;
    float: right
}

.search-panel #search-adv-settings .search-nav-btns div {
    display: inline-block
}

.search-panel #search-adv-settings .search-nav-btns #search-adv-back {
    margin-right: 4px
}

.search-panel #search-adv-settings .btn-text-default {
    display: inline-block;
    width: auto
}

.search-panel #search-adv-settings #search-adv-replace {
    min-width: 62px
}

.search-panel #search-adv-settings #search-adv-replace-all {
    min-width: 78px
}

.search-panel .search-options-block {
    display: none
}

.search-panel #open-search-options {
    cursor: pointer;
    margin-left: 15px
}

.search-panel #open-search-options .search-options-txt {
    display: inline-block;
    padding: 5px 0
}

.search-panel #open-search-options .search-options-caret {
    width: 24px;
    height: 24px;
    background-position: 3px -270px;
    display: inline-block;
    position: absolute;
    left: 0;
    cursor: pointer;
    margin-left: 8px
}

.search-panel #search-options label {
    margin-top: 6px
}

.search-panel #search-options label:not(:first-of-type) {
    margin-top: 8px
}

.search-panel .no-expand #search-options {
    display: none
}

.search-panel .no-expand .search-options-caret {
    transform: rotate(270deg)
}

.search-panel #search-results {
    position: relative;
    width: 100%;
    border-top: 1px solid #cbcbcb;
    border-top: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    padding: 12px 0;
    overflow: hidden
}

.search-panel #search-results .item {
    padding: 6px 15px;
    word-break: break-all;
    cursor: pointer
}

.search-panel #search-results .item:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.search-panel #search-results .item.selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.search-panel #search-results .item b {
    font-style: italic
}

.search-panel #search-results .ps-scrollbar-y-rail.set-left {
    right: 11px!important
}

.search-panel #search-container {
    position: absolute;
    overflow: hidden;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0
}

.about-dlg .asc-about-office {
    background-repeat: no-repeat;
    margin-bottom: 5px
}

.about-dlg .asc-about-office:before {

    height: 45px;
    width: auto
}

.theme-type-dark .about-dlg .asc-about-office:before {

}

.about-dlg .asc-about-header {
    margin: 0 30px;
    font: 12px Tahoma;
    letter-spacing: 1px;
    color: #444;
    color: var(--text-normal);
    font-weight: 700;
    letter-spacing: .01em;
    white-space: nowrap
}

.about-dlg .asc-about-version {
    font: 15px Tahoma;
    color: #a5a5a5;
    color: var(--text-tertiary)
}

.about-dlg .asc-about-companyname {
    font: 700 15px Tahoma;
    letter-spacing: .01em;
    color: #444;
    color: var(--text-normal)
}

.about-dlg label.asc-about-desc,.about-dlg label.asc-about-desc-name,.about-dlg label.asc-about-lic {
    font: 12px Tahoma;
    color: #444;
    color: var(--text-normal)
}

.about-dlg label.asc-about-desc-name {
    color: #444;
    color: var(--text-normal);
    white-space: pre
}

.about-dlg label.asc-about-lic {
    font-weight: 700;
    letter-spacing: .01em
}

.about-dlg a {
    font: 12px Tahoma;
    color: #444;
    color: var(--text-normal)
}

.about-dlg .separator.horizontal {
    width: 100%
}

.about-dlg .separator.horizontal.short {
    width: 220px
}

.about-dlg .separator.horizontal.short.left {
    float: right
}

.about-dlg .padding-small {
    padding-bottom: 10px
}

.about-dlg .padding-large {
    padding-bottom: 40px
}

.about-dlg .margin-bottom {
    margin-bottom: 20px
}

.tooltip.in {
    opacity: 1
}

.tooltip.arrow-free.top {
    margin-top: 0
}

.tooltip.arrow-free.bottom {
    margin-top: 0
}

.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    bottom: 1px;
    border-width: 5px 5px 0;
    border-top-color: #fff;
    border-top-color: var(--background-normal)
}

.tooltip.bottom-left .tooltip-arrow,.tooltip.top-left .tooltip-arrow {
    left: 5px
}

.tooltip.bottom-right .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
    right: 5px
}

.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
    top: 1px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff;
    border-bottom-color: var(--background-normal)
}

.tooltip-inner {
    font-size: 11px;
    background-color: #fff;
    background-color: var(--background-normal);
    color: #444;
    color: var(--text-normal);
    padding: 5px 12px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    white-space: pre-wrap;
    text-align: left;
    word-wrap: break-word;
    max-width: 300px
}

.link-tooltip .tooltip-inner {
    max-width: 500px
}

.auto-tooltip .tooltip-inner {
    max-width: none
}

.ps-container.oo .ps-scrollbar-x-rail {
    z-index: 1;
    bottom: 1px;
    height: 9px;
    margin-right: 1px;
    margin-left: 1px
}

.ps-container.oo .ps-scrollbar-x-rail.always-visible-x {
    opacity: 1!important
}

.ps-container.oo .ps-scrollbar-x-rail .ps-scrollbar-x {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

.ps-container.oo .ps-scrollbar-x-rail .ps-scrollbar-x.always-visible-x {
    bottom: 0;
    height: 9px;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    background-image: url();
    background-repeat: no-repeat;
    background-position: center 0;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .ps-container.oo .ps-scrollbar-x-rail .ps-scrollbar-x.always-visible-x {
        background-image:url();
        background-size: auto 14px
    }
}

.ps-container.oo .ps-scrollbar-x-rail .hover .ps-scrollbar-x.always-visible-x,.ps-container.oo .ps-scrollbar-x-rail:hover .ps-scrollbar-x.always-visible-x {
    background-color: silver;
    background-color: var(--canvas-scroll-thumb-hover);
    background-position: center -7px
}

.ps-container.oo .ps-scrollbar-x-rail.in-scrolling .ps-scrollbar-x.always-visible-x {
    background-color: silver;
    background-color: var(--canvas-scroll-thumb-hover);
    border-color: #cbcbcb;
    border-color: var(--canvas-scroll-thumb-border-hover);
    background-position: center -7px
}

.ps-container.oo .ps-scrollbar-y-rail {
    z-index: 1;
    right: 1px;
    width: 9px;
    margin-top: 1px;
    margin-bottom: 1px
}

.ps-container.oo .ps-scrollbar-y-rail.always-visible-y {
    opacity: 1!important
}

.ps-container.oo .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

.ps-container.oo .ps-scrollbar-y-rail .ps-scrollbar-y.always-visible-y {
    right: 0;
    width: 9px;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 center;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .ps-container.oo .ps-scrollbar-y-rail .ps-scrollbar-y.always-visible-y {
        background-image:url();
        background-size: 14px auto
    }
}

.pixel-ratio__1_5 .ps-container.oo .ps-scrollbar-y-rail .ps-scrollbar-y.always-visible-y {
    background-image: url();
    background-size: 15px auto
}

.ps-container.oo .ps-scrollbar-y-rail .hover,.ps-container.oo .ps-scrollbar-y-rail:hover {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar-additional)
}

.ps-container.oo .ps-scrollbar-y-rail .hover .ps-scrollbar-y.always-visible-y,.ps-container.oo .ps-scrollbar-y-rail:hover .ps-scrollbar-y.always-visible-y {
    background-color: silver;
    background-color: var(--canvas-scroll-thumb-hover);
    background-position: -7px center
}

.ps-container.oo .ps-scrollbar-y-rail.in-scrolling {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar-additional)
}

.ps-container.oo .ps-scrollbar-y-rail.in-scrolling .ps-scrollbar-y.always-visible-y {
    background-color: silver;
    background-color: var(--canvas-scroll-thumb-hover);
    border-color: #cbcbcb;
    border-color: var(--canvas-scroll-thumb-border-hover);
    background-position: -7px center
}

.ps-container.oo .ps-container .ps-scrollbar-x-rail.hover,.ps-container.oo .ps-container .ps-scrollbar-x-rail.in-scrolling,.ps-container.oo .ps-container .ps-scrollbar-x-rail:hover,.ps-container.oo .ps-container .ps-scrollbar-y-rail.hover,.ps-container.oo .ps-container .ps-scrollbar-y-rail.in-scrolling,.ps-container.oo .ps-container .ps-scrollbar-y-rail:hover,.ps-container.oo .ps-container.hover .ps-scrollbar-x-rail,.ps-container.oo .ps-container.hover .ps-scrollbar-y-rail,.ps-container.oo .ps-container:hover .ps-scrollbar-x-rail,.ps-container.oo .ps-container:hover .ps-scrollbar-y-rail {
    background-color: transparent!important;
    opacity: 1!important
}

.synch-tip-root {
    position: fixed;
    z-index: 1002
}

.synch-tip-root:not(.simple) {
    max-width: 300px
}

.synch-tip-root.simple {
    max-width: 700px;
    left: 50%;
    transform: translate(-50%,20px)
}

.synch-tip-root.simple .tip-arrow {
    display: none
}

.synch-tip-root.no-arrow .tip-arrow {
    display: none
}

.synch-tip-root.closable .asc-synchronizetip {
    padding-right: 30px
}

.synch-tip-root.theme-color .asc-synchronizetip {
    background-color: #446995;
    background-color: var(--toolbar-header-document);
    color: #fff;
    color: var(--text-toolbar-header);
    border-color: #446995;
    border-color: var(--toolbar-header-document)
}

.synch-tip-root.theme-color .asc-synchronizetip .close:after,.synch-tip-root.theme-color .asc-synchronizetip .close:before {
    background-color: #fff;
    background-color: var(--text-toolbar-header)
}

.synch-tip-root.theme-color .tip-arrow:before {
    background-color: #446995;
    background-color: var(--toolbar-header-document);
    border-color: #446995!important;
    border-color: var(--toolbar-header-document)!important
}

.synch-tip-root.theme-color .tip-arrow:after {
    border-color: #446995!important;
    border-color: var(--toolbar-header-document)!important
}

.synch-tip-root.toolbar-color .asc-synchronizetip {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    border-color: #f1f1f1;
    border-color: var(--background-toolbar)
}

.synch-tip-root.toolbar-color .tip-arrow:before {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    border-color: #f1f1f1!important;
    border-color: var(--background-toolbar)!important
}

.synch-tip-root.toolbar-color .tip-arrow:after {
    border-color: #f1f1f1!important;
    border-color: var(--background-toolbar)!important
}

.synch-tip-root.colored .asc-synchronizetip {
    background-color: #fff;
    background-color: var(--background-contrast-popover);
    color: #444;
    color: var(--text-normal);
    border-color: #fff;
    border-color: var(--border-contrast-popover);
    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.3);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 40px 0 var(--shadow-contrast-popover);
    box-shadow: 0 0 40px 0 var(--shadow-contrast-popover)
}

.synch-tip-root.colored .asc-synchronizetip .close:after,.synch-tip-root.colored .asc-synchronizetip .close:before {
    background-color: #444;
    background-color: var(--text-normal)
}

.synch-tip-root.colored .tip-arrow:before {
    background-color: #fff;
    background-color: var(--background-contrast-popover);
    border-color: #fff!important;
    border-color: var(--border-contrast-popover)!important
}

.synch-tip-root.colored .tip-arrow:after {
    border-color: #fff!important;
    border-color: var(--border-contrast-popover)!important
}

.synch-tip-root.colored .btn-div {
    display: inline-block;
    border: 1px solid #cfcfcf;
    border: 1px solid var(--border-regular-control);
    border-radius: 2px;
    padding: 3px 12px;
    margin-top: 10px
}

.synch-tip-root.colored .btn-div:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.synch-tip-root.colored .btn-div:active {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.synch-tip-root.colored .show-link label {
    border-bottom: 1px dotted #444;
    border-bottom: var(--scaled-one-pixel,1px) dotted var(--text-normal);
    color: #444;
    color: var(--text-normal);
    cursor: pointer
}

.synch-tip-root.colored .show-link label:hover:not(:disabled) {
    color: var(--text-normal);
    border-bottom-color: dotted var(--text-normal)
}

.synch-tip-root.colored .show-link label:active {
    color: var(--text-normal);
    border-bottom-color: dotted var(--text-normal)
}

.synch-tip-root.inc-index {
    z-index: 1004
}

.synch-tip-root .tip-arrow {
    position: absolute;
    overflow: hidden
}

.synch-tip-root.right,.synch-tip-root.right-bottom,.synch-tip-root.right-top {
    margin: 0 0 0 15px
}

.synch-tip-root.left,.synch-tip-root.left-bottom,.synch-tip-root.left-top {
    margin: 0 15px 0 0
}

.synch-tip-root.top,.synch-tip-root.top-left,.synch-tip-root.top-right {
    margin: 0 0 15px 0
}

.synch-tip-root.bottom,.synch-tip-root.bottom-left,.synch-tip-root.bottom-right {
    margin: 15px 0 0 0
}

.synch-tip-root.right-bottom,.synch-tip-root.right-top {
    margin: 0 0 0 15px
}

.synch-tip-root.right .tip-arrow {
    left: -12px;
    top: 50%;
    margin-top: -7px;
    width: 16px;
    height: 15px;
    -webkit-box-shadow: 0 0 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.right .tip-arrow:before {
    top: 0;
    left: 8px;
    width: 16px
}

.synch-tip-root.left .tip-arrow {
    right: -13px;
    top: 50%;
    margin-top: -7px;
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 0 0 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.left .tip-arrow:before {
    top: 0;
    left: -8px;
    width: 16px
}

.synch-tip-root.top .tip-arrow {
    left: 50%;
    bottom: -12px;
    margin-left: -6px;
    width: 16px;
    height: 16px;
    -webkit-box-shadow: 0 0 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.top .tip-arrow:before {
    top: -6px;
    left: 0;
    width: 16px
}

.synch-tip-root.bottom .tip-arrow {
    left: 50%;
    top: -11px;
    margin-left: -7px;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 0 0 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.bottom .tip-arrow:before {
    top: 7px;
    left: 0;
    width: 16px
}

.synch-tip-root.right-bottom .tip-arrow {
    left: -15px;
    top: 0;
    width: 16px;
    height: 15px;
    -webkit-box-shadow: 0 -5px 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 -5px 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.right-bottom .tip-arrow:before {
    top: -7px;
    left: 7px;
    width: 16px
}

.synch-tip-root.right-bottom .tip-arrow:after {
    top: 0;
    left: 4px;
    border-top: 1px solid #fcfed7;
    border-top: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.left-bottom .tip-arrow {
    right: -15px;
    top: 0;
    width: 16px;
    height: 15px;
    -webkit-box-shadow: 0 -5px 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 -5px 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.left-bottom .tip-arrow:before {
    top: -7px;
    left: -7px
}

.synch-tip-root.left-bottom .tip-arrow:after {
    top: 0;
    left: -4px;
    border-top: 1px solid #fcfed7;
    border-top: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.top-left .tip-arrow {
    right: 0;
    bottom: -14px;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 5px 0 8px -5px rgba(0,0,0,.2);
    box-shadow: 5px 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.top-left .tip-arrow:before {
    top: -8px;
    left: 8px
}

.synch-tip-root.top-left .tip-arrow:after {
    top: -6px;
    left: 0;
    border-right: 1px solid #fcfed7;
    border-right: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.top-right .tip-arrow {
    left: 0;
    bottom: -14px;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: -5px 0 8px -5px rgba(0,0,0,.2);
    box-shadow: -5px 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.top-right .tip-arrow:before {
    top: -8px;
    left: -8px
}

.synch-tip-root.top-right .tip-arrow:after {
    top: -6px;
    left: 0;
    border-left: 1px solid #fcfed7;
    border-left: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.bottom-left .tip-arrow {
    right: 0;
    top: -14px;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 8px 5px 8px -5px rgba(0,0,0,.2);
    box-shadow: 8px 5px 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.bottom-left .tip-arrow:before {
    top: 8px;
    left: 8px
}

.synch-tip-root.bottom-left .tip-arrow:after {
    top: 6px;
    left: 0;
    border-right: 1px solid #fcfed7;
    border-right: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.bottom-right .tip-arrow {
    left: 0;
    top: -14px;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: -8px 0 8px -5px rgba(0,0,0,.2);
    box-shadow: -8px 0 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.bottom-right .tip-arrow:before {
    top: 8px;
    left: -8px
}

.synch-tip-root.bottom-right .tip-arrow:after {
    top: 6px;
    left: 0;
    border-left: 1px solid #fcfed7;
    border-left: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.right-top .tip-arrow {
    left: -14px;
    bottom: 0;
    width: 15px;
    height: 15px;
    -webkit-box-shadow: 0 5px 8px -5px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.right-top .tip-arrow:before {
    top: 7px;
    left: 7px;
    width: 16px
}

.synch-tip-root.right-top .tip-arrow:after {
    top: 0;
    left: 4px;
    border-bottom: 1px solid #fcfed7;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.synch-tip-root.left-top .tip-arrow {
    right: -14px;
    bottom: 0;
    width: 15px;
    height: 13px;
    -webkit-box-shadow: -5px 8px 8px -5px rgba(0,0,0,.2);
    box-shadow: -5px 8px 8px -5px rgba(0,0,0,.2)
}

.synch-tip-root.left-top .tip-arrow:before {
    bottom: -7px;
    left: -7px
}

.synch-tip-root.left-top .tip-arrow:after {
    top: -2px;
    left: -4px;
    border-bottom: 1px solid #fcfed7;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.asc-synchronizetip {
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #fcfed7;
    background-color: var(--background-notification-popover);
    overflow: visible;
    border: 1px solid #fcfed7;
    border: var(--scaled-one-pixel,1px) solid var(--background-notification-popover);
    -webkit-box-shadow: 0 4px 15px -2px rgba(0,0,0,.5);
    box-shadow: 0 4px 15px -2px rgba(0,0,0,.5);
    font-size: 11px
}

.bottom-right .asc-synchronizetip,.right-bottom .asc-synchronizetip {
    border-top-left-radius: 0
}

.bottom-left .asc-synchronizetip,.left-bottom .asc-synchronizetip {
    border-top-right-radius: 0
}

.right-top .asc-synchronizetip,.top-right .asc-synchronizetip {
    border-bottom-left-radius: 0
}

.left-top .asc-synchronizetip,.top-left .asc-synchronizetip {
    border-bottom-right-radius: 0
}

.asc-synchronizetip .tip-arrow:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 8px;
    background-color: #fcfed7;
    background-color: var(--background-notification-popover);
    width: 15px;
    height: 15px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #fcfed7;
    border: var(--scaled-one-pixel,1px) solid var(--background-notification-popover)
}

.asc-synchronizetip .tip-arrow:after {
    content: '';
    position: absolute;
    background-color: transparent;
    width: 15px;
    height: 15px
}

.asc-synchronizetip .show-link {
    margin-top: 10px
}

.show-link label {
    border-bottom: 1px dotted #acbfff;
    border-bottom: var(--scaled-one-pixel,1px) dotted var(--text-link);
    color: #acbfff;
    color: var(--text-link);
    cursor: pointer
}

.show-link label:hover:not(:disabled) {
    color: var(--text-link-hover);
    border-bottom-color: dotted var(--text-link-hover)
}

.show-link label:active {
    color: var(--text-link-active);
    border-bottom-color: dotted var(--text-link-hover)
}

.asc-synchronizetip .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    height: 16px;
    margin: 5px;
    cursor: pointer;
    opacity: .7;
    transition: transform .3s
}

.asc-synchronizetip .close:hover {
    transform: scale(1.1);
    opacity: 1
}

.asc-synchronizetip .close:after,.asc-synchronizetip .close:before {
    content: ' ';
    position: absolute;
    left: 7px;
    left: calc(7px/var(--pixel-ratio-factor,1));
    top: 1px;
    top: var(--scaled-one-pixel,1px);
    height: 14px;
    width: 1px;
    width: var(--scaled-one-pixel,1px);
    background-color: #444;
    background-color: var(--icon-normal)
}

.asc-synchronizetip .close:before {
    transform: rotate(45deg)
}

.asc-synchronizetip .close:after {
    transform: rotate(-45deg)
}

label.link {
    border-bottom: 1px dotted #a5a5a5;
    border-bottom: var(--scaled-one-pixel,1px) dotted var(--text-secondary);
    cursor: pointer
}

label.link.disabled {
    cursor: default
}

label.link-solid {
    border-bottom: 1px solid #a5a5a5;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--text-secondary);
    cursor: pointer
}

label.link-solid.disabled {
    cursor: default
}

label.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

label.fixed {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.menu-shapes .item {
    -webkit-box-shadow: none;
    box-shadow: none
}

.combobox.fonts>.dropdown-menu {
    max-height: 388px
}

.user-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.tool-menu {
    height: 100%;
    display: block
}

.tool-menu.left {
    overflow: hidden
}

.tool-menu.left .tool-menu-btns {
    border-right: 1px solid #cbcbcb;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

.tool-menu.right .tool-menu-btns {
    border-left: 1px solid #cbcbcb;
    border-left: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    right: 0;
    overflow: hidden
}

.tool-menu-btns {
    width: 40px;
    height: 100%;
    display: inline-block;
    position: absolute;
    padding-top: 15px
}

.tool-menu-btns button {
    margin-bottom: 8px
}

.left-panel {
    padding-left: 40px;
    height: 100%;
    border-right: 1px solid #cbcbcb;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

.left-panel #left-panel-chat {
    height: 100%
}

.left-panel #left-panel-comments {
    height: 100%
}

.left-panel #left-panel-search {
    height: 100%
}

.right-panel {
    width: 220px;
    height: 100%;
    display: none;
    padding: 0 10px 0 15px;
    position: relative;
    overflow: hidden;
    border-left: 1px solid #cbcbcb;
    border-left: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    line-height: 15px
}

.statusbar {
    height: 25px;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    -webkit-box-shadow: inset 0 1px 0 #cbcbcb;
    box-shadow: inset 0 1px 0 #cbcbcb;
    -webkit-box-shadow: inset 0 var(--scaled-one-pixel,1px) 0 var(--border-toolbar);
    box-shadow: inset 0 var(--scaled-one-pixel,1px) 0 var(--border-toolbar)
}

.statusbar .status-label {
    font-weight: 700;
    letter-spacing: .01em;
    color: #444;
    color: var(--text-normal);
    white-space: nowrap
}

#file-menu-panel>div {
    height: 100%
}

#file-menu-panel .panel-menu {
    width: 260px;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    border-right: 1px solid #cbcbcb;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

#file-menu-panel .flex-settings {
    overflow: hidden;
    position: relative
}

#file-menu-panel .flex-settings.bordered {
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

.settings-panel {
    display: none;
    overflow: visible;
    margin-top: 7px
}

.settings-panel>table {
    width: 100%
}

.settings-panel.active {
    display: block
}

.settings-panel .padding-very-small {
    padding-bottom: 4px
}

.settings-panel .padding-small {
    padding-bottom: 8px
}

.settings-panel .padding-large {
    padding-bottom: 16px
}

.settings-panel .finish-cell {
    height: 15px
}

.settings-panel label {
    font-size: 11px;
    font-weight: 400
}

.settings-panel label.input-label {
    margin-bottom: 0;
    vertical-align: middle
}

.settings-panel label.header {
    font-weight: 700;
    letter-spacing: .01em
}

.settings-panel .separator {
    width: 100%
}

.settings-panel .settings-hidden {
    display: none
}

.settings-panel textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    width: 100%;
    resize: none;
    margin-bottom: 5px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    height: 100%
}

.settings-panel textarea.disabled {
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4);
    cursor: default!important
}

#file-menu-panel .panel-menu li>a,.dropdown-menu>li>a {
    color: #444;
    color: var(--text-normal)
}

textarea {
    background-color: #fff;
    background-color: var(--background-normal);
    color: #444;
    color: var(--text-normal)
}

textarea:-ms-input-placeholder {
    color: #a5a5a5
}

textarea::-moz-placeholder {
    color: var(--text-tertiary);
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: var(--text-tertiary)
}

textarea::-webkit-input-placeholder {
    color: var(--text-tertiary)
}

.btn-change-shape,.btn-edit-table {
    background-image: url(../../../../common/main/resources/img/right-panels/rowscols_icon.png);
    background-repeat: no-repeat;
    margin-right: 2px!important;
    margin-bottom: 1px!important;
    background-position-x: calc(var(--button-small-normal-icon-offset-x,0) - 8px)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    .btn-change-shape,.btn-edit-table {
        background-image:url(../../../../common/main/resources/img/right-panels/rowscols_icon@1.5x.png);
        background-size: 56px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .btn-change-shape,.btn-edit-table {
        background-image:url(../../../../common/main/resources/img/right-panels/rowscols_icon@2x.png);
        background-size: 56px auto
    }
}

.btn-group.open .btn-change-shape,.btn-group.open .btn-edit-table,button.active:not(.disabled) .btn-change-shape,button.active:not(.disabled) .btn-edit-table,button:active:not(.disabled) .btn-change-shape,button:active:not(.disabled) .btn-edit-table {
    background-position-x: calc(var(--button-small-active-icon-offset-x,0) - 8px)
}

.btn-edit-table {
    background-position-y: 0
}

.btn-change-shape {
    background-position-y: -16px
}

.doc-content-color {
    background-color: var(--canvas-content-background)
}

a {
    color: var(--text-link)
}

a:hover {
    color: var(--text-link-hover)
}

a:active {
    color: var(--text-link-active)
}

a:visited {
    color: var(--text-link-visited)
}

body {
    font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
    font-family: var(--font-family-base-custom,Arial,Helvetica,"Helvetica Neue",sans-serif),Arial,Helvetica,"Helvetica Neue",sans-serif
}

body.pixel-ratio__1_75 {
    image-rendering: crisp-edges
}

.switcher {
    position: relative;
    width: 25px;
    height: 15px;
    background-color: transparent;
    cursor: pointer
}

.switcher .sw-left {
    display: inline-block;
    height: 100%;
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.switcher .sw-right {
    display: inline-block;
    height: 100%;
    background-color: #cfcfcf;
    background-color: var(--border-regular-control);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.switcher .thumb {
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    height: 100%;
    background-color: #fff;
    background-color: var(--background-normal);
    border: 1px solid #7d858c;
    border: 1px solid var(--highlight-button-pressed);
    border-radius: 3px
}

.switcher.on .thumb {
    right: 0;
    left: auto
}

.switcher.disabled {
    cursor: default
}

.switcher.disabled .sw-left {
    background-color: #cfcfcf;
    background-color: var(--border-regular-control)
}

.switcher.disabled .thumb {
    border-color: #cfcfcf;
    border-color: var(--border-regular-control)
}

#history-box {
    position: relative;
    border-right: 1px solid #cbcbcb;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#history-header {
    position: absolute;
    height: 53px;
    left: 0;
    top: 0;
    right: 0;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#history-header #history-btn-back {
    height: 27px;
    margin-top: 15px;
    padding-top: 4px;
    padding-left: 20px;
    font-size: 13px;
    cursor: pointer
}

#history-header #history-btn-back:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#history-expand-changes {
    position: absolute;
    height: 45px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    border-top: 1px solid #cbcbcb;
    border-top: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#history-expand-changes #history-btn-expand {
    height: 27px;
    margin-top: 8px;
    padding-top: 4px;
    padding-left: 20px;
    font-size: 13px;
    cursor: pointer
}

#history-expand-changes #history-btn-expand:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#history-list {
    height: 100%;
    overflow: hidden;
    padding: 53px 0 45px 0
}

#history-list .item {
    display: block;
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    font-size: 12px
}

#history-list .item.over,#history-list .item:hover:not(.selected) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#history-list .item.selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

#history-list .item.selected .user-date,#history-list .item.selected .user-name {
    color: #fff;
    color: var(--text-normal-pressed)
}

#history-list .item.selected .revision-expand {
    border-color: #fff;
    border-color: var(--icon-normal-pressed)
}

#history-list .history-item-wrap {
    padding: 10px 2px 15px 20px;
    color: #444;
    color: var(--text-normal);
    text-overflow: ellipsis
}

#history-list .history-item-wrap .user-date {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-right: 12px;
    white-space: nowrap;
    overflow: hidden
}

#history-list .history-item-wrap .user-version {
    display: inline-block;
    max-width: 60px;
    height: 18px;
    color: #7d858c;
    color: var(--highlight-button-pressed);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    color: #a5a5a5;
    color: var(--text-tertiary);
    background-color: #fff;
    background-color: var(--background-normal);
    text-align: center;
    padding: 1px 5px;
    border-radius: 2px
}

#history-list .history-item-wrap .user-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    cursor: pointer;
    text-overflow: ellipsis;
    padding-right: 35px
}

#history-list .history-item-wrap .color {
    width: 12px;
    height: 12px;
    border: 1px solid #cbcbcb;
    border: var(--scaled-one-pixel,1px) solid var(--border-toolbar);
    margin: 0 5px 3px 0;
    vertical-align: middle
}

#history-list .history-item-wrap .revision-expand {
    width: 8px;
    height: 8px;
    border: solid 2px #444;
    border: solid 2px var(--icon-normal);
    border-bottom: none;
    border-right: none;
    background-image: none;
    display: inline-block;
    position: absolute;
    right: 2px;
    margin: 15px;
    transform: rotate(-135deg)
}

#history-list .history-item-wrap .revision-expand.up {
    transform: rotate(45deg)
}

#history-list .history-item-wrap .revision-restore {
    color: #fff;
    color: var(--text-normal-pressed);
    border-bottom: 1px dotted #fff;
    border-bottom: var(--scaled-one-pixel,1px) dotted var(--text-normal-pressed);
    height: 16px;
    margin-top: 5px;
    white-space: pre-wrap;
    width: auto;
    cursor: pointer
}

.open-dlg .body {
    height: auto;
    top: 34px
}

.open-dlg .body>div {
    width: 100%
}

.open-dlg .body .box>div {
    display: inline-block;
    height: 100%
}

.open-dlg .body .content-panel {
    vertical-align: top;
    padding: 15px 15px 0;
    width: 100%
}

.open-dlg .body .content-panel .inner-content {
    padding-left: 10px;
    padding-right: 10px
}

.open-dlg .body .content-panel label {
    font-size: 11px;
    font-weight: 400
}

.open-dlg .body .content-panel label.input-label {
    margin-bottom: 0;
    vertical-align: middle
}

.open-dlg .body .content-panel label.header {
    font-weight: 700;
    letter-spacing: .01em
}

.open-dlg .body .content-panel #id-preview {
    width: 100%;
    height: 110px!important;
    position: relative;
    overflow: hidden;
    border: #cfcfcf solid 1px;
    border: var(--border-regular-control) solid var(--scaled-one-pixel,1px)
}

.open-dlg .body .content-panel #id-preview-data {
    width: 100%;
    height: 108px!important;
    position: relative;
    overflow: hidden
}

.open-dlg .body .content-panel table {
    min-height: 108px
}

.open-dlg .body .content-panel td {
    padding: 1px 8px 1px 0;
    border-right: #cfcfcf solid 1px;
    border-right: var(--border-regular-control) solid var(--scaled-one-pixel,1px);
    min-width: 30px;
    height: 17px;
    white-space: nowrap
}

.open-dlg .body .content-panel td:last-child {
    border-right: none
}

.open-dlg .body .content-panel tr:last-child td {
    padding-bottom: 8px
}

.open-dlg .body .content-panel .icon.warn {
    float: left;
    width: 40px;
    height: 40px;
    background: url(../../../../common/main/resources/img/controls/warnings_s.svg#attention) no-repeat center
}

.open-dlg .footer {
    padding-top: 15px
}

.open-dlg .footer.center {
    text-align: center
}

.open-dlg .footer.justify {
    padding-left: 30px;
    padding-right: 30px
}

.review-changes .input-row>div {
    margin-right: 10px
}

.review-changes .input-row>div button {
    height: 22px
}

.review-changes #id-review-button-accept span.caption,.review-changes #id-review-button-reject span.caption {
    vertical-align: middle;
    font-size: 12px;
    margin: 0 6px
}

.review-changes .iconic {
    width: 45px!important
}

.review-changes .next,.review-changes .prev {
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer
}

.review-changes .prev {
    background-position: -36px -96px
}

.review-changes .next {
    background-position: -36px -112px
}

#plugins-box {
    position: relative;
    width: 100%;
    height: 100%
}

#plugins-box #plugins-header {
    position: absolute;
    height: 20px;
    left: 0;
    top: 0;
    font-weight: 700;
    letter-spacing: .01em;
    margin-top: 10px;
    margin-left: 12px
}

#plugins-box #plugins-list {
    height: 100%;
    overflow: hidden;
    padding: 30px 0 10px 0
}

#plugins-box #plugins-list .item {
    display: block;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

#plugins-box #plugins-list .item.over,#plugins-box #plugins-list .item:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#plugins-box #plugins-list .item.selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff
}

#plugins-box #plugins-list .item-plugins {
    width: 100%;
    padding: 7px 1px 7px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#plugins-box #plugins-list .plugin-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent;
    vertical-align: middle;
    background-position: 0 0;
    background-size: cover;
    margin-right: 10px;
    margin-top: -1px;
    background-image: url(../../../../common/main/resources/img/plugin/icon_add_on_default.png);
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    #plugins-box #plugins-list .plugin-icon {
        background-image:url(../../../../common/main/resources/img/plugin/icon_add_on_default@1.5x.png);
        background-size: 40px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    #plugins-box #plugins-list .plugin-icon {
        background-image:url(../../../../common/main/resources/img/plugin/icon_add_on_default@2x.png);
        background-size: 40px auto
    }
}

#plugins-box #plugins-list .plugin-caret {
    width: 16px;
    height: 16px;
    background-position: -1px -274px;
    margin: 7px;
    display: inline-block;
    position: absolute;
    right: 0
}

#current-plugin-box {
    position: relative;
    width: 100%;
    height: 100%
}

#current-plugin-box #current-plugin-header {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    right: 0;
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#current-plugin-box #current-plugin-header label {
    width: 100%;
    margin-top: 2px;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#current-plugin-box .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 12px;
    right: 12px
}

#current-plugin-box #current-plugin-frame {
    width: 100%;
    height: 100%;
    padding-top: 45px
}

#plugins-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    z-index: 1031
}

#plugins-panel .x-huge.icon-top .caption {
    text-overflow: ellipsis;
    max-width: 160px
}

#plugins-panel .dropdown-menu {
    min-width: 100px
}

#plugins-panel .separator:first-child {
    display: none
}

.toolbar {
    position: relative;
    --toolbar-tabs-scroller-height: 38px;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    -webkit-box-shadow: inset 0 -1px #cbcbcb;
    box-shadow: inset 0 -1px #cbcbcb;
    -webkit-box-shadow: inset 0 calc(-1 * var(--scaled-one-pixel,1px)) var(--border-toolbar);
    box-shadow: inset 0 calc(-1 * var(--scaled-one-pixel,1px)) var(--border-toolbar)
}

.toolbar:not(.folded) {
    height: 99px
}

.toolbar.folded {
    height: 32px;
    transition: height .2s;
    overflow: hidden
}

.toolbar.folded.expanded {
    height: 99px;
    overflow: visible
}

.toolbar.folded:not(.expanded):not(.cover) .ribtab.active>a {
    font-weight: 400
}

.toolbar .box-tabs {
    height: 32px;
    font-size: 12px;
    display: flex;
    align-items: stretch
}

.toolbar .box-tabs .extra {
    background-color: #446995;
    background-color: var(--toolbar-header-document);
    box-shadow: inset 0 calc(-1 * var(--scaled-one-pixel,1px)) 0 0 var(--border-toolbar-active-panel-top)
}

.toolbar .tabs {
    background-color: #446995;
    background-color: var(--toolbar-header-document);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-shrink: 1;
    box-shadow: inset 0 calc(-1 * var(--scaled-one-pixel,1px)) 0 0 var(--border-toolbar-active-panel-top)
}

.toolbar .tabs>ul {
    padding: 4px 0 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    list-style: none;
    font-size: 0
}

.toolbar .tabs li {
    display: inline-flex;
    align-items: center;
    height: 100%;
    position: relative
}

.toolbar .tabs li:hover {
    background-color: rgba(255,255,255,.2);
    background-color: var(--highlight-header-button-hover);
    box-shadow: inset 0 calc(-1 * var(--scaled-one-pixel,1px)) 0 0 var(--border-toolbar-active-panel-top)
}

.toolbar .tabs li.active {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    box-shadow: inset calc(-1 * var(--scaled-one-pixel,1px)) 0 0 0 var(--border-toolbar-active-panel-top),inset var(--scaled-one-pixel,1px) var(--scaled-one-pixel,1px) 0 0 var(--border-toolbar-active-panel-top)
}

.toolbar .tabs li>a {
    display: inline-block;
    padding: 0 12px;
    text-decoration: none;
    cursor: default;
    font-size: 12px;
    text-align: center;
    color: #fff;
    color: var(--text-toolbar-header)
}

.toolbar .tabs li.active>a {
    color: #444;
    color: var(--text-normal)
}

.toolbar .tabs:not(.short) .scroll {
    display: none
}

.toolbar .tabs:not(.style-off-tabs *).short li:after {
    content: '';
    position: absolute;
    background: var(--border-toolbar-active-panel-top);
    height: var(--scaled-one-pixel,1px);
    bottom: 0;
    left: 1px;
    right: 1px;
    z-index: 2
}

.toolbar .tabs:not(.style-off-tabs *).short li.active:after {
    background: var(--background-toolbar)
}

.toolbar .tabs .scroll {
    line-height: 32px;
    min-width: 20px;
    z-index: 1;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}

.toolbar .tabs .scroll:hover {
    text-decoration: none
}

.toolbar .tabs .scroll:not(:hover):after {
    opacity: .8
}

.toolbar .tabs .scroll.left {
    box-shadow: 5px 0 20px 5px #446995;
    box-shadow: 18px calc(var(--toolbar-tabs-scroller-height,38px) - var(--scaled-one-pixel,1px)) 0 10px var(--border-toolbar-active-panel-top),5px 0 20px 5px var(--toolbar-header-document)
}

.toolbar .tabs .scroll.left:after {
    transform: rotate(135deg);
    margin-left: 8px
}

.toolbar .tabs .scroll.right {
    box-shadow: -5px 0 20px 5px #446995;
    box-shadow: -10px calc(var(--toolbar-tabs-scroller-height,38px) - var(--scaled-one-pixel,1px)) 0 10px var(--border-toolbar-active-panel-top),-5px 0 20px 5px var(--toolbar-header-document)
}

.toolbar .tabs .scroll.right:after {
    transform: rotate(-45deg);
    margin-left: 4px
}

.toolbar .tabs .scroll:after {
    content: ' ';
    width: 8px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0
}

.toolbar .box-controls {
    padding: 7px 0;
    display: flex
}

.toolbar .box-controls .panel {
    display: table;
    height: 100%
}

.toolbar .box-panels {
    flex-grow: 1;
    -ms-flex: 1;
    padding-right: 6px
}

.toolbar .box-panels .panel:not(.active) {
    display: none
}

.toolbar .box-panels .panel .compactwidth .btn-group.x-huge .caption,.toolbar .box-panels .panel .compactwidth .btn-toolbar.x-huge .caption {
    display: none
}

.toolbar .box-panels .panel .compactwidth .btn-group.x-huge .inner-box-caption,.toolbar .box-panels .panel .compactwidth .btn-toolbar.x-huge .inner-box-caption {
    justify-content: center;
    align-items: center;
    padding: 0 2px
}

.toolbar .box-panels .panel .compactwidth .btn-group.x-huge .compact-caret,.toolbar .box-panels .panel .compactwidth .btn-toolbar.x-huge .compact-caret {
    display: block
}

.toolbar .more-container {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    min-width: auto;
    padding: 12px 10px 7px 0;
    border-radius: 0;
    z-index: 999
}

.toolbar .more-container .compactwidth .btn-group.x-huge .caption,.toolbar .more-container .compactwidth .btn-toolbar.x-huge .caption {
    display: none
}

.toolbar .more-container .compactwidth .btn-group.x-huge .inner-box-caption,.toolbar .more-container .compactwidth .btn-toolbar.x-huge .inner-box-caption {
    justify-content: center;
    align-items: center
}

.toolbar .more-container .compactwidth .btn-group.x-huge .compact-caret,.toolbar .more-container .compactwidth .btn-toolbar.x-huge .compact-caret {
    display: block
}

.toolbar .more-container .group {
    height: 52px!important
}

.toolbar .more-container[data-tab=pivot] {
    padding: 5px 10px 0 0
}

.toolbar .more-container[data-tab=pivot] .group {
    height: 60px!important
}

.toolbar .more-container[data-tab=pivot] .separator {
    margin-top: 4px;
    margin-bottom: 4px
}

.toolbar .more-box {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

.toolbar .group {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 6px;
    font-size: 0
}

.toolbar .group.small {
    padding-left: 10px
}

.toolbar .group.small+.separator:not(.invisible) {
    margin-left: 10px
}

.toolbar .elset {
    height: 20px;
    font-size: 0
}

.toolbar .elset:not(:first-child) {
    margin-top: 8px
}

.toolbar .elset.font-normal {
    font-size: 11px
}

.toolbar .separator {
    margin-left: 6px
}

.toolbar .separator.close {
    margin-left: 5px
}

.toolbar .separator.invisible {
    margin-left: 0;
    border: none
}

.toolbar .separator.long {
    height: 52px
}

.toolbar .separator.short {
    height: 20px
}

.toolbar .btn-slot {
    display: inline-block;
    width: 20px;
    height: auto
}

.toolbar .btn-slot.split {
    width: 31px
}

.toolbar .btn-slot.split-small {
    width: 26px
}

.toolbar .btn-slot.text {
    width: auto
}

.toolbar .btn-slot.border {
    border: 1px solid #cfcfcf;
    border: 1px solid var(--border-regular-control);
    border-radius: 1px;
    width: 22px;
    height: 22px
}

.toolbar .btn-slot .checkbox-indeterminate {
    margin-top: 3px
}

.toolbar .toolbar-mask {
    position: absolute;
    top: 32px;
    left: 48px;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

.toolbar.toolbar-view {
    --toolbar-tabs-scroller-height: 42px
}

.toolbar.toolbar-view .toolbar-mask {
    left: 0
}

.top-title>.toolbar:not(.folded) {
    height: 95px
}

.top-title>.toolbar.folded {
    height: 28px
}

.top-title>.toolbar.folded.expanded {
    height: 95px
}

.top-title>.toolbar .tabs>ul {
    padding-top: 0
}

.top-title>.toolbar .box-tabs {
    height: 28px
}

.top-title>.toolbar .toolbar-mask {
    left: 0
}

.style-off-tabs .toolbar .extra,.style-off-tabs .toolbar .tabs {
    background-color: transparent;
    box-shadow: inset 0 -1px 0 0 #cfcfcf;
    box-shadow: inset 0 -1px 0 0 var(--border-regular-control)
}

.style-off-tabs .toolbar .tabs ul {
    padding: 0
}

.style-off-tabs .toolbar .tabs li {
    position: relative
}

.style-off-tabs .toolbar .tabs li:after {
    border-top: 3px solid #444;
    border-top: 3px solid var(--text-normal);
    content: '';
    position: absolute;
    width: 100%;
    bottom: -3px;
    opacity: 0
}

.style-off-tabs .toolbar .tabs li.active {
    background-color: transparent;
    box-shadow: none
}

.style-off-tabs .toolbar .tabs li.active:after {
    opacity: 1;
    bottom: 0
}

.style-off-tabs .toolbar .tabs li:hover:not(.active) {
    background-color: rgba(0,0,0,.05);
    box-shadow: none
}

.theme-type-dark .style-off-tabs .toolbar .tabs li:hover:not(.active) {
    background-color: rgba(255,255,255,.05)
}

.style-off-tabs .toolbar .tabs li>a {
    color: #444;
    color: var(--text-normal)
}

.style-off-tabs .toolbar .tabs li>a::after {
    display: block;
    content: attr(data-title);
    font-weight: 700;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
    margin-bottom: -1px
}

.theme-type-light .style-off-tabs .toolbar .extra #header-logo i {

    background-repeat: no-repeat
}

.style-off-tabs .toolbar .tabs .scroll.left {
    box-shadow: 5px 0 20px 5px #f1f1f1;
    box-shadow: 5px 0 20px 5px var(--background-toolbar)
}

.style-off-tabs .toolbar .tabs .scroll.right {
    box-shadow: -5px 0 20px 5px #f1f1f1;
    box-shadow: -5px 0 20px 5px var(--background-toolbar)
}

.style-off-tabs .toolbar .tabs .scroll:after {
    border-color: #444;
    border-color: var(--text-normal)
}

.style-off-tabs .toolbar .btn-current-user .color-user-name,.style-off-tabs .toolbar .btn-header .color-user-name {
    background-color: #444;
    background-color: var(--text-normal);
    color: #fff;
    color: var(--text-inverse)
}

.style-off-tabs .toolbar .btn-header .icon.icon--inverse,.style-off-tabs .toolbar .btn-header-share .icon.icon--inverse,.style-off-tabs .toolbar .btn-users .icon.icon--inverse {
    background-position-x: 0!important;
    background-position-x: var(--button-small-normal-icon-offset-x,0)!important
}

.style-off-tabs .toolbar .btn-header-share.active:not(.disabled) .icon.toolbar__icon.icon--inverse,.style-off-tabs .toolbar .btn-header-share:active:not(.disabled) .icon.toolbar__icon.icon--inverse,.style-off-tabs .toolbar .btn-header.active:not(.disabled) .icon.toolbar__icon.icon--inverse,.style-off-tabs .toolbar .btn-header:active:not(.disabled) .icon.toolbar__icon.icon--inverse,.style-off-tabs .toolbar .btn-users.active:not(.disabled) .icon.toolbar__icon.icon--inverse,.style-off-tabs .toolbar .btn-users:active:not(.disabled) .icon.toolbar__icon.icon--inverse {
    background-position-x: var(--button-small-active-icon-offset-x,0)!important
}

.style-off-tabs .toolbar .btn-header svg.icon,.style-off-tabs .toolbar .btn-header-share svg.icon,.style-off-tabs .toolbar .btn-users svg.icon {
    fill: #fff;
    fill: var(--icon-toolbar-header)
}

.style-off-tabs .toolbar .btn-header .caption,.style-off-tabs .toolbar .btn-header-share .caption,.style-off-tabs .toolbar .btn-users .caption {
    color: #444;
    color: var(--text-normal)
}

.style-off-tabs .toolbar .btn-header .inner-box-icon>svg,.style-off-tabs .toolbar .btn-header-share .inner-box-icon>svg,.style-off-tabs .toolbar .btn-users .inner-box-icon>svg {
    fill: #444;
    fill: var(--text-normal)
}

.style-off-tabs .toolbar .btn-header-share:hover:not(.disabled),.style-off-tabs .toolbar .btn-header:hover:not(.disabled),.style-off-tabs .toolbar .btn-users:hover:not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

.style-off-tabs .toolbar .btn-header-share.active:not(.disabled),.style-off-tabs .toolbar .btn-header-share:active:not(.disabled),.style-off-tabs .toolbar .btn-header.active:not(.disabled),.style-off-tabs .toolbar .btn-header:active:not(.disabled),.style-off-tabs .toolbar .btn-users.active:not(.disabled),.style-off-tabs .toolbar .btn-users:active:not(.disabled) {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.style-off-tabs .toolbar .btn-header-share.active:not(.disabled) svg.icon,.style-off-tabs .toolbar .btn-header-share:active:not(.disabled) svg.icon,.style-off-tabs .toolbar .btn-header.active:not(.disabled) svg.icon,.style-off-tabs .toolbar .btn-header:active:not(.disabled) svg.icon,.style-off-tabs .toolbar .btn-users.active:not(.disabled) svg.icon,.style-off-tabs .toolbar .btn-users:active:not(.disabled) svg.icon {
    fill: #fff;
    fill: var(--icon-toolbar-header)
}

.style-off-tabs .toolbar .btn-header-share.active:not(.disabled) .caption,.style-off-tabs .toolbar .btn-header-share:active:not(.disabled) .caption,.style-off-tabs .toolbar .btn-header.active:not(.disabled) .caption,.style-off-tabs .toolbar .btn-header:active:not(.disabled) .caption,.style-off-tabs .toolbar .btn-users.active:not(.disabled) .caption,.style-off-tabs .toolbar .btn-users:active:not(.disabled) .caption {
    color: #fff;
    color: var(--text-normal-pressed)
}

.style-off-tabs .toolbar .btn-header-share.active:not(.disabled) .inner-box-icon>svg,.style-off-tabs .toolbar .btn-header-share:active:not(.disabled) .inner-box-icon>svg,.style-off-tabs .toolbar .btn-header.active:not(.disabled) .inner-box-icon>svg,.style-off-tabs .toolbar .btn-header:active:not(.disabled) .inner-box-icon>svg,.style-off-tabs .toolbar .btn-users.active:not(.disabled) .inner-box-icon>svg,.style-off-tabs .toolbar .btn-users:active:not(.disabled) .inner-box-icon>svg {
    fill: #fff;
    fill: var(--text-normal-pressed)
}

.style-off-tabs .toolbar .btn-header-share.active:not(.disabled) .color-user-name,.style-off-tabs .toolbar .btn-header-share:active:not(.disabled) .color-user-name,.style-off-tabs .toolbar .btn-header.active:not(.disabled) .color-user-name,.style-off-tabs .toolbar .btn-header:active:not(.disabled) .color-user-name,.style-off-tabs .toolbar .btn-users.active:not(.disabled) .color-user-name,.style-off-tabs .toolbar .btn-users:active:not(.disabled) .color-user-name {
    background-color: #fff;
    background-color: var(--text-normal-pressed);
    color: #7d858c;
    color: var(--highlight-button-pressed)
}

.style-off-tabs .toolbar #rib-doc-name {
    color: #444;
    color: var(--text-normal)
}

.style-off-tabs .toolbar #rib-doc-name:focus,.style-off-tabs .toolbar #rib-doc-name:hover:not(:disabled) {
    box-shadow: 0 0 0 1px #d8dadc;
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--highlight-button-hover)
}

.style-off-tabs .toolbar.editor-native-color .tabs li:after {
    border-color: #446995;
    border-color: var(--toolbar-header-document)
}

.style-off-tabs.style-skip-docname .toolbar #box-doc-name>input {
    display: none
}

.toolbar-fullview-panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1003
}

.toolbar.cover ul {
    z-index: 1004
}

.toolbar:not(.cover):not(.z-clear) {
    z-index: 1001
}

.btn-toolbar.active:not(.disabled) svg.icon,.btn-toolbar:active:not(.disabled) svg.icon {
    fill: #fff;
    fill: var(--icon-normal-pressed)
}

.btn-toolbar svg.icon {
    background-image: none;
    fill: #444;
    fill: var(--icon-normal)
}

.btn-toolbar.borders--small {
    border-radius: 2px;
    width: 21px;
    height: 21px
}

.btn-toolbar.borders--small .icon {
    width: 22px;
    height: 22px
}

.pixel-ratio__1_25 .btn-toolbar.borders--small .icon,.pixel-ratio__1_75 .btn-toolbar.borders--small .icon {
    width: 20px;
    height: 20px
}

[applang=ru] .dropdown-menu.toc-menu {
    --bckgHOffset: -144px
}

#slot-combo-insertshape {
    width: 150px;
    height: 46px
}

#slot-combo-insertshape .view {
    padding-right: 14px
}

#slot-combo-insertshape .dataview.field-picker {
    height: 100%;
    margin: 0;
    padding: 2px
}

#slot-combo-insertshape .dataview.field-picker .item {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#slot-combo-insertshape .dataview.field-picker:not(.disabled) .item:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#slot-combo-insertshape .dataview.field-picker:not(.disabled) .item.active {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

#slot-combo-insertshape .dataview.field-picker:not(.disabled) .item.active svg.icon {
    fill: #fff;
    fill: var(--icon-normal-pressed)
}

#slot-combo-insertshape .button {
    width: 14px
}

#slot-combo-insertshape .button .caret {
    width: 4px;
    height: 4px
}

.item-shape {
    width: 20px;
    height: 20px
}

.item-shape .icon {
    width: 20px;
    height: 20px
}

.item-shape svg.icon {
    display: inline-block;
    vertical-align: middle;
    fill: #444;
    fill: var(--icon-normal)
}

.item-equation {
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

.item-equation .equation-icon {
    background-image: url(../../../../common/main/resources/img/toolbar/math.png);
    background-repeat: no-repeat;
    opacity: var(--component-normal-icon-opacity,.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio:1.49),only screen and (min-resolution:1.25dppx) and (max-resolution:1.49dppx),only screen and (min-resolution:120dpi) and (max-resolution:143dpi) {
    .item-equation .equation-icon {
        background-image:url(../../../../common/main/resources/img/toolbar/math@1.25x.png);
        background-size: 1500px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.74),only screen and (min-resolution:1.5dppx) and (max-resolution:1.74dppx),only screen and (min-resolution:144dpi) and (max-resolution:167dpi) {
    .item-equation .equation-icon {
        background-image:url(../../../../common/main/resources/img/toolbar/math@1.5x.png);
        background-size: 1500px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.75dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:168dpi) and (max-resolution:191dpi) {
    .item-equation .equation-icon {
        background-image:url(../../../../common/main/resources/img/toolbar/math@1.75x.png);
        background-size: 1500px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .item-equation .equation-icon {
        background-image:url(../../../../common/main/resources/img/toolbar/math@2x.png);
        background-size: 1500px auto
    }
}

.theme-type-dark .item-equation .equation-icon {
    -webkit-filter: var(--image-border-types-filter);
    filter: var(--image-border-types-filter)
}

.menu-insertchart {
    margin: 5px 5px 0 10px
}

.menu-insertchart .group-description {
    padding-left: 4px
}

.menu-insertchart .group-items-container {
    float: left;
    position: relative
}

.item-chartlist {
    width: 40px;
    height: 40px
}

.item-chartlist .icon {
    width: 40px;
    height: 40px
}

.item-chartlist svg.icon {
    display: inline-block;
    vertical-align: middle;
    fill: #444;
    fill: var(--icon-normal)
}

.color-schemas-menu span.colors {
    display: inline-block;
    margin-right: 15px
}

.color-schemas-menu span.color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading);
    vertical-align: middle
}

.color-schemas-menu span.text {
    vertical-align: middle
}

.color-schemas-menu.checked:before {
    display: none!important
}

.color-schemas-menu.checked,.color-schemas-menu.checked:focus,.color-schemas-menu.checked:hover {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

.color-schemas-menu.checked span.color,.color-schemas-menu.checked:focus span.color,.color-schemas-menu.checked:hover span.color {
    border-color: #444;
    border-color: var(--icon-normal)
}

.item-databar {
    width: 25px;
    height: 25px
}

.item-databar .icon {
    width: 25px;
    height: 25px
}

.item-databar svg.icon {
    display: inline-block;
    vertical-align: middle;
    fill: #444;
    fill: var(--icon-normal)
}

.item-colorscale {
    width: 25px;
    height: 25px
}

.item-colorscale .icon {
    width: 25px;
    height: 25px
}

.item-colorscale svg.icon {
    display: inline-block;
    vertical-align: middle;
    fill: #444;
    fill: var(--icon-normal)
}

.menu-iconsets {
    margin: 5px 5px 0 10px
}

.menu-iconsets .group-items-container>div {
    margin-right: 8px!important
}

.menu-iconsets .group-items-container>div:not(.selected),.menu-iconsets .group-items-container>div:not(:hover) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.menu-iconsets .item-iconset {
    width: 100px;
    height: 20px
}

.menu-iconsets .item-iconset img {
    margin: 2px
}

#slot-field-zoom {
    float: left;
    min-width: 46px
}

section .field-styles {
    width: 100%
}

.icon.spellcheck-lang {
    width: 20px;
    height: 20px;
    position: absolute
}

li .icon.spellcheck-lang {
    margin: -3px 4px 0 -24px
}

li a.checked .icon.spellcheck-lang,li.selected .icon.spellcheck-lang {
    background-position-x: var(--button-small-active-icon-offset-x,0)
}

.dropdown-menu.lang-menu>li a.checked {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.dropdown-menu.lang-menu>li a.checked:before {
    display: none
}

.dropdown-menu.lang-menu>li a.checked,.dropdown-menu.lang-menu>li a.checked:focus,.dropdown-menu.lang-menu>li a.checked:hover {
    color: #fff;
    color: var(--text-normal-pressed)
}

.combo-langs .dropdown-menu li .icon.lang-flag {
    margin-top: 1px
}

.combo-langs .input-icon {
    position: absolute
}

.combo-langs .input-icon.spellcheck-lang {
    left: 2px;
    top: 1px
}

.combo-langs .input-icon.lang-flag {
    left: 5px;
    top: 5px
}

.lang-flag {
    background-position: -16px -108px
}

.lang-flag.ca,.lang-flag.ca-ES {
    background-position: 0 0
}

.lang-flag.cs,.lang-flag.cs-CZ {
    background-position: -16px 0
}

.lang-flag.da,.lang-flag.da-DK {
    background-position: -32px 0
}

.lang-flag.de,.lang-flag.de-DE {
    background-position: 0 -12px
}

.lang-flag.el,.lang-flag.el-GR {
    background-position: -16px -12px
}

.lang-flag.en,.lang-flag.en-US {
    background-position: -32px -12px
}

.lang-flag.fr,.lang-flag.fr-FR {
    background-position: 0 -24px
}

.lang-flag.hu,.lang-flag.hu-HU {
    background-position: -16px -24px
}

.lang-flag.it,.lang-flag.it-IT {
    background-position: -32px -24px
}

.lang-flag.ko,.lang-flag.ko-KR {
    background-position: 0 -36px
}

.lang-flag.nl,.lang-flag.nl-NL {
    background-position: -16px -36px
}

.lang-flag.nb,.lang-flag.nb-NO,.lang-flag.nn,.lang-flag.nn-NO {
    background-position: -32px -36px
}

.lang-flag.pl,.lang-flag.pl-PL {
    background-position: 0 -48px
}

.lang-flag.pt,.lang-flag.pt-BR {
    background-position: -16px -48px
}

.lang-flag.ro,.lang-flag.ro-RO {
    background-position: -32px -48px
}

.lang-flag.ru,.lang-flag.ru-RU {
    background-position: 0 -60px
}

.lang-flag.sv,.lang-flag.sv-SE {
    background-position: -32px -60px
}

.lang-flag.tr,.lang-flag.tr-TR {
    background-position: 0 -72px
}

.lang-flag.uk,.lang-flag.uk-UA {
    background-position: -16px -72px
}

.lang-flag.lv,.lang-flag.lv-LV {
    background-position: -32px -72px
}

.lang-flag.lt,.lang-flag.lt-LT {
    background-position: 0 -84px
}

.lang-flag.vi,.lang-flag.vi-VN {
    background-position: -16px -84px
}

.lang-flag.de-CH,.lang-flag.fr-CH,.lang-flag.it-CH {
    background-position: -32px -84px
}

.lang-flag.pt-PT {
    background-position: -16px -96px
}

.lang-flag.de-AT {
    background-position: -32px -96px
}

.lang-flag.es,.lang-flag.es-ES {
    background-position: 0 -108px
}

.lang-flag.en-GB {
    background-position: -32px -108px
}

.lang-flag.en-AU {
    background-position: 0 -120px
}

.lang-flag.az-Latn-AZ {
    background-position: -16px -120px
}

.lang-flag.id,.lang-flag.id-ID {
    background-position: -32px -120px
}

.lang-flag.bg,.lang-flag.bg-BG {
    background-position: 0 -132px
}

.lang-flag.ca-ES-valencia {
    background-position: -16px -132px
}

.lang-flag.en-CA {
    background-position: -32px -132px
}

.lang-flag.en-ZA {
    background-position: 0 -144px
}

.lang-flag.eu,.lang-flag.eu-ES {
    background-position: -16px -144px
}

.lang-flag.gl,.lang-flag.gl-ES {
    background-position: -32px -144px
}

.lang-flag.hr,.lang-flag.hr-HR {
    background-position: 0 -156px
}

.lang-flag.lb,.lang-flag.lb-LU {
    background-position: -16px -156px
}

.lang-flag.mn,.lang-flag.mn-MN {
    background-position: -32px -156px
}

.lang-flag.sl,.lang-flag.sl-SI {
    background-position: 0 -168px
}

.lang-flag.sr,.lang-flag.sr-Cyrl-RS,.lang-flag.sr-Latn-RS {
    background-position: -16px -168px
}

.lang-flag.sk,.lang-flag.sk-SK {
    background-position: -32px -168px
}

.lang-flag.kk,.lang-flag.kk-KZ {
    background-position: 0 -180px
}

.lang-flag.fi,.lang-flag.fi-FI,.lang-flag.sv-FI {
    background-position: -16px -180px
}

.lang-flag.zh,.lang-flag.zh-CN {
    background-position: -32px -180px
}

.lang-flag.ja,.lang-flag.ja-JP {
    background-position: 0 -192px
}

.lang-flag.es-MX {
    background-position: -16px -192px
}

.lang-flag.zh-TW {
    background-position: -32px -192px
}

.winxp .toolbar .extra .btn-slot,.winxp .toolbar .tabs>ul {
    height: 28px
}

.winxp .toolbar.toolbar-view .extra .btn-slot,.winxp .toolbar.toolbar-view .tabs>ul {
    height: 32px
}

.winxp #box-document-title .btn-slot {
    height: 28px
}

.calendar-window {
    border-radius: 0;
    box-shadow: none
}

.calendar-box {
    width: 212px;
    height: 244px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px var(--background-scrim);
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--background-normal)
}

.calendar-box .top-row {
    padding: 0 5px
}

.calendar-box .btn {
    background-color: transparent;
    border: none;
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-box .btn .icon {
    width: 16px;
    height: 16px;
    display: block;
    position: relative
}

.calendar-box .btn .icon.arrow-prev {
    background-position: -38px -96px
}

.calendar-box .btn .icon.arrow-next {
    background-position: -36px -112px
}

.calendar-box .btn:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover);
    cursor: pointer
}

.calendar-box .btn:active {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

.calendar-box .calendar-header {
    height: 68px;
    color: #444;
    color: var(--text-normal);
    padding: 8px;
    padding-bottom: 0
}

.calendar-box .calendar-header .top-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.calendar-box .calendar-header .bottom-row {
    display: flex;
    justify-content: space-around;
    padding: 0;
    height: 28px;
    align-items: center
}

.view-months .calendar-box .calendar-header,.view-years .calendar-box .calendar-header {
    height: 40px
}

.view-months .calendar-box .calendar-header .bottom-row,.view-years .calendar-box .calendar-header .bottom-row {
    display: none
}

.calendar-box .calendar-header .title {
    width: 100%;
    margin: 4px 6px 3px 6px;
    text-align: center;
    font-size: 11px
}

.calendar-box .calendar-header .title label {
    padding: 2px 10px 0;
    display: block
}

.calendar-box .calendar-header .title label:not(:last-of-type) {
    margin-right: 6px
}

.calendar-box .calendar-header .title .button {
    height: 100%;
    width: 100%
}

.calendar-box .calendar-header .title .button:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover);
    cursor: pointer
}

.calendar-box .calendar-header .title .button:hover label {
    cursor: pointer
}

.calendar-box .calendar-content {
    padding: 0 8px
}

.calendar-box .calendar-content .item {
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    box-shadow: none
}

.calendar-box .calendar-content .item .name-month,.calendar-box .calendar-content .item .name-year {
    height: 49px;
    width: 49px;
    background-color: var(--background-normal);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px
}

.calendar-box .calendar-content .item .number-day {
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar-box .calendar-content .item.selected .name-month,.calendar-box .calendar-content .item.selected .name-year,.calendar-box .calendar-content .item.selected .number-day {
    color: #fff;
    color: var(--text-normal-pressed);
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    border-radius: 2px
}

.calendar-box .calendar-content .item .weekend {
    color: #D25252
}

.calendar-box .calendar-content .item .no-cur-year,.calendar-box .calendar-content .item .no-current-decade,.calendar-box .calendar-content .item .no-current-month {
    color: #A5A5A5
}

.calendar-box .calendar-content .item:not(.disabled):not(.selected) .name-month:hover,.calendar-box .calendar-content .item:not(.disabled):not(.selected) .name-year:hover,.calendar-box .calendar-content .item:not(.disabled):not(.selected) .number-day:hover {
    background-color: var(--highlight-button-hover)
}

#symbol-table-recent div,#symbol-table-scrollable-div div {
    display: inline-block;
    vertical-align: top
}

#symbol-table-recent .cell,#symbol-table-scrollable-div .cell {
    width: 31px;
    height: 33px;
    border-right: 1px solid #cfcfcf;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-bottom: 1px solid #cfcfcf;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background: #fff;
    background: var(--background-normal);
    align-content: center;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
    -khtml-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    cursor: default;
    overflow: hidden;
    display: inline-block
}

#symbol-table-recent .cell-selected,#symbol-table-scrollable-div .cell-selected {
    background-color: #848484;
    background-color: var(--border-preview-select);
    color: #fff
}

#symbol-table-recent {
    width: 100%;
    height: 32px;
    overflow: hidden;
    border: #cfcfcf solid 1px;
    border: var(--border-regular-control) solid var(--scaled-one-pixel,1px)
}

#symbol-table-scrollable-div #id-preview {
    width: 100%;
    height: 132px;
    position: relative;
    overflow: hidden;
    border: #cfcfcf solid 1px;
    border: var(--border-regular-control) solid var(--scaled-one-pixel,1px)
}

#symbol-table-scrollable-div #id-preview-data {
    width: 100%;
    height: 132px;
    position: relative;
    overflow: hidden
}

.hint-div {
    display: none;
    position: absolute;
    z-index: 1003;
    width: auto;
    min-width: 18px;
    height: 18px;
    text-align: center;
    background-color: #FFD938;
    background-color: var(--background-alt-key-hint);
    color: var(--text-alt-key-hint);
    font-size: 12px;
    line-height: 18px;
    padding: 0 4px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.5)
}

.hint-div.disabled {
    opacity: .4
}

body {
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444;
    color: var(--text-normal)
}

body.safari {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: scroll
}

body.safari::-webkit-scrollbar {
    width: 0;
    height: 0
}

body.safari #viewport::-webkit-scrollbar {
    width: 0;
    height: 0
}

label {
    margin-bottom: 0;
    font-weight: 400
}

#viewport {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    overflow: hidden;
    scroll-behavior: smooth
}

.layout-region {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.layout-region .row {
    display: table-row
}

.layout-region .cell {
    display: table-cell
}

.layout-region .layout-resizer {
    background-color: transparent
}

.tooltip.main-info {
    z-index: 1002
}

.tooltip.main-info .tooltip-inner {
    max-width: none
}

#left-panel-history {
    left: 40px;
    width: 300px;
    height: 100%;
    display: none
}

#editor_sdk {
    width: 100%;
    height: 100%
}

.toolbar.masked .group:not(.no-mask) {
    opacity: .4
}

.toolbar .font-attr>.btn-slot:not(:last-child):not(.split) {
    margin-right: 4px
}

.toolbar .font-attr>.btn-slot:not(:last-child).split {
    margin-right: 2px
}

.toolbar-group-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: transparent
}

.item-markerlist {
    width: 40px;
    height: 40px
}

.item-multilevellist {
    width: 80px;
    height: 80px
}

.dropdown-menu.toc-menu {
    --bckgHOffset: 0px
}

.dropdown-menu.toc-menu>li>a.item-contents div {
    background-color: #fff;
    width: 248px;
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.dropdown-menu.toc-menu>li>a.item-contents div.selected,.dropdown-menu.toc-menu>li>a.item-contents div:hover {
    -webkit-box-shadow: 0 0 0 2px #848484;
    box-shadow: 0 0 0 2px #848484;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-control-focus);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-control-focus)
}

.dropdown-menu.toc-menu>li>a.item-contents div canvas {
    vertical-align: middle
}

.dropdown-menu.toc-menu>li>a.item-contents:focus,.dropdown-menu.toc-menu>li>a.item-contents:hover {
    background-color: transparent
}

.dropdown-menu.toc-menu>li>a.item-contents:focus div,.dropdown-menu.toc-menu>li>a.item-contents:hover div {
    -webkit-box-shadow: 0 0 0 2px #848484;
    box-shadow: 0 0 0 2px #848484;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-control-focus);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-control-focus)
}

.menu-pageposition .dataview {
    width: 144px;
    height: 100px;
    margin: 0 10px
}

.menu-pageposition .dataview.disabled>.item {
    cursor: default;
    opacity: .4;
    opacity: var(--component-disabled-opacity,.4)
}

.menu-pageposition .dataview.disabled>.item:hover {
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control)
}

.menu-pageposition .item-pagenumber {
    width: 40px;
    height: 40px
}

.ie .menu-pageposition .item-pagenumber {
    background-image: url();
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .ie .menu-pageposition .item-pagenumber {
        background-image:url();
        background-size: 40px auto
    }
}

.menu-zoom {
    line-height: 1.42857143
}

.menu-zoom .title {
    padding: 5px 5px 5px 20px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.menu-zoom .zoom {
    padding: 5px 3px;
    float: right;
    min-width: 40px;
    text-align: center
}

.username-tip {
    background-color: #ee3525;
    border: none;
    border-radius: 0;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    white-space: nowrap;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis
}

.save-style-container {
    border-left: 1px solid #cfcfcf;
    border-left: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    border-top: 1px solid #cfcfcf;
    border-top: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

.save-style-container a {
    padding: 14px 20px!important
}

#slot-field-fontname {
    float: left;
    width: 84px
}

#slot-field-fontsize {
    float: left;
    width: 45px;
    margin-left: 2px
}

#slot-btn-changecase,#slot-btn-decfont,#slot-btn-incfont {
    margin-left: 2px
}

#equation-container,#special-paste-container {
    position: absolute;
    z-index: 980;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

#equation-container {
    padding: 4px
}

#equation-container .separator {
    height: 20px
}

#equation-container.has-open-menu {
    z-index: 1001
}

.dropdown-menu.list-settings-level .menu-list-preview {
    -webkit-box-shadow: 0 0 0 1px #cfcfcf;
    box-shadow: 0 0 0 1px #cfcfcf;
    -webkit-box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    box-shadow: 0 0 0 var(--scaled-one-pixel,1px) var(--border-regular-control);
    background-color: var(--canvas-content-background)
}

.dropdown-menu.list-settings-level a.checked,.dropdown-menu.list-settings-level a:focus,.dropdown-menu.list-settings-level a:hover {
    background-color: transparent
}

.dropdown-menu.list-settings-level a.checked .menu-list-preview,.dropdown-menu.list-settings-level a:focus .menu-list-preview,.dropdown-menu.list-settings-level a:hover .menu-list-preview {
    -webkit-box-shadow: 0 0 0 2px #848484;
    box-shadow: 0 0 0 2px #848484;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-control-focus);
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-control-focus)
}

.dropdown-menu.list-settings-level a.checked:before {
    display: none!important
}

.dropdown-menu.menu-roles span.color,.input-group-nr.menu-roles span.color {
    display: inline-block;
    vertical-align: text-top;
    width: 12px;
    height: 12px;
    margin: 0 8px 0 2px;
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading)
}

.statusbar {
    display: table;
    padding: 2px
}

.statusbar .status-label {
    position: relative
}

.statusbar #label-pages,.statusbar #label-zoom {
    cursor: pointer
}

.statusbar #status-users-count,.statusbar #users-icon {
    display: inline-block;
    cursor: pointer
}

.statusbar #users-icon {
    background-position: -14px -197px;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.statusbar #label-zoom {
    text-align: center
}

.statusbar #btn-zoom-topage {
    margin-right: 8px
}

.statusbar #btn-zoom-towidth {
    margin-right: 8px
}

.statusbar .status-group {
    display: table-cell;
    white-space: nowrap;
    vertical-align: top
}

.statusbar .status-group.dropup {
    position: static
}

.statusbar .status-group .status-label.margin-top-large {
    margin-top: 6px
}

.statusbar .status-group .margin-top-small>.btn-group,.statusbar .status-group .margin-top-small>button,.statusbar .status-group button.margin-top-small {
    margin-top: 3px
}

.statusbar .separator {
    margin: 0 6px
}

.statusbar .separator.short {
    height: 25px
}

.statusbar .separator.space {
    margin: 0 2px;
    border: none
}

.statusbar #btn-cnt-lang button,.statusbar #slot-status-btn-info button {
    font-weight: 700
}

.statusbar .cnt-zoom {
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px
}

.statusbar .cnt-zoom .dropdown-menu {
    min-width: 80px;
    margin-left: -4px
}

.statusbar .cnt-zoom .dropdown-menu li {
    text-align: center
}

.statusbar .cnt-zoom .dropdown-menu li>a {
    padding-left: 15px;
    padding-right: 15px
}

.statusbar .dropdown-menu {
    margin-bottom: 6px
}

.statusbar .dropdown-menu li {
    text-align: left
}

.statusbar #status-goto-box {
    padding: 10px;
    margin-left: 40px;
    margin-bottom: 2px;
    min-width: 130px
}

.statusbar #status-goto-box>label {
    display: inline-block;
    margin-right: 10px
}

.statusbar #status-goto-box>input[type=text] {
    width: 50px;
    display: inline-block
}

.statusbar #status-users-menu {
    padding: 14px 0 14px 14px;
    margin-left: 137px;
    margin-bottom: 2px;
    width: 285px;
    font-size: 12px
}

.statusbar #status-users-menu>label {
    white-space: normal
}

.statusbar #status-users-menu #status-users-list {
    margin-top: 15px
}

.statusbar #status-users-menu #status-users-list ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 190px;
    position: relative
}

.statusbar #status-users-menu #status-users-list ul li {
    list-style: none;
    padding: 2px 0;
    margin-right: 15px;
    overflow: hidden
}

.statusbar #status-users-menu #status-users-list ul li.offline,.statusbar #status-users-menu #status-users-list ul li.viewmode {
    display: none
}

.statusbar #status-users-menu #status-users-list .color {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #cbcbcb;
    border: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

.statusbar #status-users-menu #status-users-list .name {
    display: block;
    padding-left: 16px;
    margin-top: -3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.statusbar .hide-select-tools {
    display: none
}

.statusbar #btn-select-tool {
    margin-right: 8px
}

.left-panel #left-panel-history {
    height: 100%
}

.left-menu-full-ct {
    width: 100%;
    height: 100%;
    left: 40px;
    padding-right: 40px;
    top: 0;
    position: absolute;
    z-index: 995;
    background-color: #f1f1f1;
    background-color: var(--background-toolbar);
    overflow: hidden
}

#beta-hint,#developer-hint,#limit-hint {
    position: absolute;
    left: 0;
    padding: 12px 0;
    background-color: #ffb400;
    color: #6e4e00!important;
    white-space: pre;
    line-height: 20px;
    writing-mode: tb-rl;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: default
}

#file-menu-panel .panel-menu li {
    list-style: none;
    position: relative
}

#file-menu-panel .panel-menu li.fm-btn {
    height: 27px;
    margin-bottom: 3px
}

#file-menu-panel .panel-menu li.fm-btn:hover:not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#file-menu-panel .panel-menu li.fm-btn.active:not(.disabled) {
    outline: 0;
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

#file-menu-panel .panel-menu li.fm-btn.active:not(.disabled)>a {
    color: #fff;
    color: var(--text-normal-pressed)
}

#file-menu-panel .panel-menu li.fm-btn.disabled>a {
    cursor: default;
    color: #cfcfcf;
    color: var(--border-regular-control)
}

#file-menu-panel .panel-menu li.devider {
    margin: 6.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    height: 1px;
    height: var(--scaled-one-pixel,1px);
    background-color: #cbcbcb;
    background-color: var(--border-divider);
    margin: 4px 0;
    margin-top: 10px;
    margin-bottom: 10px
}

#file-menu-panel .panel-menu li:first-child {
    margin-top: 15px
}

#file-menu-panel .panel-menu li>a {
    padding-top: 4px;
    cursor: pointer;
    font-size: 13px
}

#file-menu-panel .panel-menu li>a:hover {
    text-decoration: none
}

#file-menu-panel .panel-menu li>a:focus {
    outline: 0
}

#file-menu-panel .panel-context {
    width: 100%;
    padding-left: 260px;
    background-color: #fff;
    background-color: var(--background-normal)
}

#file-menu-panel .panel-context .content-box {
    height: 100%;
    padding: 0 20px;
    position: relative;
    overflow: hidden
}

#file-menu-panel .panel-context .content-box label.empty {
    position: absolute;
    top: 45%;
    left: 50%
}

#panel-saveas table,#panel-savecopy table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px
}

#panel-saveas table .btn-doc-format,#panel-savecopy table .btn-doc-format {
    margin: 24px 12px 0
}

.btn-doc-format {
    display: block;
    width: 98px;
    height: 125px;
    cursor: pointer
}

.btn-doc-format .svg-format-docx {
    background: url(../../../../common/main/resources/img/doc-formats/docx.svg) no-repeat center
}

.btn-doc-format .svg-format-pdf {
    background: url(../../../../common/main/resources/img/doc-formats/pdf.svg) no-repeat center
}

.btn-doc-format .svg-format-odt {
    background: url(../../../../common/main/resources/img/doc-formats/odt.svg) no-repeat center
}

.btn-doc-format .svg-format-txt {
    background: url(../../../../common/main/resources/img/doc-formats/txt.svg) no-repeat center
}

.btn-doc-format .svg-format-dotx {
    background: url(../../../../common/main/resources/img/doc-formats/dotx.svg) no-repeat center
}

.btn-doc-format .svg-format-pdfa {
    background: url(../../../../common/main/resources/img/doc-formats/pdfa.svg) no-repeat center
}

.btn-doc-format .svg-format-ott {
    background: url(../../../../common/main/resources/img/doc-formats/ott.svg) no-repeat center
}

.btn-doc-format .svg-format-rtf {
    background: url(../../../../common/main/resources/img/doc-formats/rtf.svg) no-repeat center
}

.btn-doc-format .svg-format-docm {
    background: url(../../../../common/main/resources/img/doc-formats/docm.svg) no-repeat center
}

.btn-doc-format .svg-format-docxf {
    background: url(../../../../common/main/resources/img/doc-formats/docxf.svg) no-repeat center
}

.btn-doc-format .svg-format-oform {
    background: url(../../../../common/main/resources/img/doc-formats/oform.svg) no-repeat center
}

.btn-doc-format .svg-format-html {
    background: url(../../../../common/main/resources/img/doc-formats/html.svg) no-repeat center
}

.btn-doc-format .svg-format-fb2 {
    background: url(../../../../common/main/resources/img/doc-formats/fb2.svg) no-repeat center
}

.btn-doc-format .svg-format-epub {
    background: url(../../../../common/main/resources/img/doc-formats/epub.svg) no-repeat center
}

.btn-doc-format .svg-format-xps {
    background: url(../../../../common/main/resources/img/doc-formats/xps.svg) no-repeat center
}

.btn-doc-format .svg-format-oxps {
    background: url(../../../../common/main/resources/img/doc-formats/oxps.svg) no-repeat center
}

.btn-doc-format .svg-format-djvu {
    background: url(../../../../common/main/resources/img/doc-formats/djvu.svg) no-repeat center
}

.btn-doc-format div {
    display: block;
    height: 100%;
    width: 100%
}

.btn-doc-format div:hover {
    opacity: .85
}

.btn-blank-format {
    display: block;
    width: 96px;
    height: 96px;
    cursor: pointer
}

.btn-blank-format .svg-format-blank {
    background: url(../img/blank.svg) no-repeat center
}

.btn-blank-format .svg-file-template {
    background: url(../img/file-template.svg) no-repeat center
}

.btn-blank-format div {
    display: block;
    height: 100%;
    width: 100%
}

#file-menu-panel #panel-info,#file-menu-panel #panel-settings {
    padding: 0;
    display: flex;
    flex-direction: column
}

#panel-settings table {
    width: auto!important
}

#panel-settings table tr td {
    padding: 6px 10px
}

#panel-settings table tr td.group-name label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em
}

#panel-settings table tr td.subgroup-name label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .01em
}

#panel-settings table tr td .comment-text {
    opacity: .45
}

#panel-settings table tr.left {
    text-align: right;
    width: 30%
}

#panel-settings table tr.left label {
    font-weight: 700;
    letter-spacing: .01em;
    font-size: 12px
}

#panel-settings table tr.right {
    width: 70%
}

#panel-settings table tr.divider {
    height: 10px
}

#panel-settings table tr.divider-group {
    height: 12px
}

#panel-settings table tr.divider-subgroup {
    height: 4px
}

#panel-createnew h3 {
    margin: 0;
    font-size: 10pt;
    color: #444;
    color: var(--text-normal);
    font-weight: 700;
    letter-spacing: .01em;
    padding: 0 0 10px 10px;
    white-space: nowrap
}

#panel-createnew .blank-document-info {
    vertical-align: top;
    width: 445px;
    display: inline-block
}

#panel-createnew .blank-document-info h3 {
    padding-left: 0;
    padding-top: 40px;
    white-space: nowrap
}

#panel-createnew hr {
    margin: 0;
    border-bottom: none;
    border-top: 1px solid #cbcbcb;
    border-top: var(--scaled-one-pixel,1px) solid var(--border-divider)
}

#panel-createnew .thumb-list {
    max-width: 600px
}

#panel-createnew .thumb-list .blank-document,#panel-createnew .thumb-list .thumb-wrap {
    display: inline-block;
    text-align: center;
    width: auto;
    cursor: pointer;
    vertical-align: top;
    border-radius: 2px
}

#panel-createnew .thumb-list .blank-document .blank-document-btn,#panel-createnew .thumb-list .blank-document .thumb,#panel-createnew .thumb-list .thumb-wrap .blank-document-btn,#panel-createnew .thumb-list .thumb-wrap .thumb {
    width: 96px;
    height: 96px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 12px 12px 0 12px;
    background-size: contain
}

#panel-createnew .thumb-list .blank-document .title,#panel-createnew .thumb-list .thumb-wrap .title {
    width: 104px;
    font-size: 12px;
    line-height: 14px;
    height: 28px;
    margin: 8px 8px 12px 8px;
    word-break: break-word;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#panel-createnew .thumb-list .blank-document:hover,#panel-createnew .thumb-list .thumb-wrap:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#panel-createnew .thumb-list .blank-document:active,#panel-createnew .thumb-list .thumb-wrap:active {
    color: #fff;
    color: var(--text-normal-pressed);
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed)
}

#panel-recentfiles .item {
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}

#panel-recentfiles .recent-wrap {
    padding: 5px 10px;
    cursor: pointer;
    font-size: 12px
}

#panel-recentfiles .recent-wrap.over,#panel-recentfiles .recent-wrap:hover {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

#panel-recentfiles .recent-wrap .recent-icon {
    float: left;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 1px
}

#panel-recentfiles .recent-wrap .recent-icon div {
    width: 100%;
    height: 100%
}

#panel-recentfiles .recent-wrap .recent-icon div .svg-file-recent {
    background: url(../img/recent-file.svg) no-repeat top
}

#panel-recentfiles .recent-wrap>div:not(:first-child) {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#panel-recentfiles .recent-wrap .file-info {
    color: #a5a5a5;
    color: var(--text-secondary)
}

#file-menu-panel #panel-help {
    padding: 0;
    overflow-y: hidden
}

#panel-help .no-padding {
    padding: 0;
    vertical-align: top
}

#panel-help .dataview {
    border-right: 1px solid #cbcbcb;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#panel-help .dataview>.item {
    display: block;
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    font-size: 12px;
    float: none
}

#panel-help .dataview>.item:not(.header-name).over,#panel-help .dataview>.item:not(.header-name):hover {
    background-color: #f1f1f1;
    background-color: var(--background-toolbar)
}

#panel-help .dataview>.item:not(.header-name).selected {
    background-color: #7d858c;
    background-color: var(--highlight-button-pressed);
    color: #fff;
    color: var(--text-normal-pressed)
}

#panel-help .dataview .help-item-wrap {
    padding: 4px 2px 4px 20px
}

#panel-help .dataview .header-name {
    padding: 16px 2px 4px 10px;
    font-size: 12px
}

#file-menu-panel #panel-rights {
    padding: 0 30px
}

#panel-info table tr td,#panel-rights table tr td {
    padding: 0 20px 5px 0
}

#panel-info table tr td.left,#panel-rights table tr td.left {
    padding: 5px 10px;
    text-align: right;
    width: 30%
}

#panel-info table tr td.left label,#panel-rights table tr td.left label {
    font-weight: 700;
    letter-spacing: .01em
}

#panel-info table tr td.right,#panel-rights table tr td.right {
    padding: 5px 10px;
    width: 70%
}

#panel-info table tr.divider,#panel-rights table tr.divider {
    height: 10px
}

#panel-info table.main,#panel-rights table.main {
    width: 100%
}

#panel-info .userLink,#panel-rights .userLink {
    background-position: -81px -234px;
    padding: 0 0 0 17px;
    width: 16px;
    height: 16px
}

#panel-info .userLink.sharedLink,#panel-rights .userLink.sharedLink {
    background-position: -24px -273px
}

#panel-info label,#panel-info span,#panel-rights label,#panel-rights span {
    font-size: 12px
}

#panel-info .tool,#panel-rights .tool {
    margin-left: 4px;
    background-image: none
}

#panel-info .tool.close:after,#panel-info .tool.close:before,#panel-rights .tool.close:after,#panel-rights .tool.close:before {
    height: 12px;
    left: 8px;
    width: 2px;
    width: var(--scaled-two-pixel,2px)
}

#panel-info .tool.close.disabled,#panel-rights .tool.close.disabled {
    opacity: .4
}

#panel-protect label {
    font-size: 12px
}

#file-menu-panel #panel-protect {
    padding: 30px 30px
}

#panel-protect .header {
    font-weight: 700;
    letter-spacing: .01em;
    margin: 30px 0 10px
}

#panel-protect table td {
    padding: 5px 0
}

#file-menu-panel #panel-print {
    padding: 0
}

#file-menu-panel #panel-print #id-print-settings {
    position: absolute;
    width: 280px;
    top: 0;
    bottom: 0
}

#file-menu-panel #panel-print .print-settings {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #cbcbcb;
    border-right: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#file-menu-panel #panel-print .print-settings label.header {
    font-weight: 700
}

#file-menu-panel #panel-print .print-settings .footer .btn.primary {
    margin-right: 8px
}

#file-menu-panel #panel-print .print-settings .settings-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 12px 16px
}

#file-menu-panel #panel-print .print-settings .settings-container .padding-small {
    padding-bottom: 8px
}

#file-menu-panel #panel-print .print-settings .settings-container .padding-large {
    padding-bottom: 16px
}

#file-menu-panel #panel-print .print-settings .settings-container #print-apply-all {
    margin-top: 5px
}

#file-menu-panel #panel-print .print-settings .settings-container .link {
    margin-top: 9px
}

#file-menu-panel #panel-print .print-settings .settings-container .footer {
    margin-top: 24px
}

#file-menu-panel #panel-print #print-navigation {
    height: 50px;
    padding-left: 20px;
    padding-top: 10px;
    display: flex
}

#file-menu-panel #panel-print #print-navigation .btn-next-page,#file-menu-panel #panel-print #print-navigation .btn-prev-page {
    background-color: transparent;
    padding: 0;
    height: 20px;
    width: 20px
}

#file-menu-panel #panel-print #print-navigation .btn-next-page i.arrow,#file-menu-panel #panel-print #print-navigation .btn-prev-page i.arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: solid 1px #444;
    border: solid var(--scaled-one-pixel,1px) var(--icon-normal);
    border-bottom: none;
    border-right: none
}

#file-menu-panel #panel-print #print-navigation .btn-next-page.disabled,#file-menu-panel #panel-print #print-navigation .btn-prev-page.disabled {
    opacity: var(--component-disabled-opacity,.4)
}

#file-menu-panel #panel-print #print-navigation .btn-next-page:hover:not(:disabled):not(.disabled),#file-menu-panel #panel-print #print-navigation .btn-prev-page:hover:not(:disabled):not(.disabled) {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#file-menu-panel #panel-print #print-navigation .btn-prev-page i {
    transform: rotate(-45deg) translate(-1px,3px)
}

#file-menu-panel #panel-print #print-navigation .btn-next-page i {
    transform: rotate(135deg) translate(4px,0)
}

#file-menu-panel #panel-print #print-navigation .page-number {
    display: flex;
    align-items: center;
    height: 20px;
    margin-left: 10px
}

#file-menu-panel #panel-print #print-navigation .page-number label {
    font-weight: 700;
    letter-spacing: .01em
}

#file-menu-panel #panel-print #print-navigation .page-number #print-count-page,#file-menu-panel #panel-print #print-navigation .page-number #print-number-page {
    margin-left: 4px
}

#file-menu-panel #panel-print #print-preview {
    height: calc(100% - 50px)
}

.settings-panel .padding-medium {
    padding-bottom: 12px
}

.settings-panel .padding-extra-small {
    padding-bottom: 2px
}

.right-panel .settings-panel label.input-label {
    vertical-align: baseline
}

.ie .options__icon.options__icon-huge {
    background-image: url();
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .ie .options__icon.options__icon-huge {
        background-image:url();
        background-size: 40px auto
    }
}

.combo-pattern-item {
    background-image: url(../../../../common/main/resources/img/right-panels/patterns.png);
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio:1.49),only screen and (min-resolution:1.25dppx) and (max-resolution:1.49dppx),only screen and (min-resolution:120dpi) and (max-resolution:143dpi) {
    .combo-pattern-item {
        background-image:url(../../../../common/main/resources/img/right-panels/patterns@1.25x.png);
        background-size: 112px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.74),only screen and (min-resolution:1.5dppx) and (max-resolution:1.74dppx),only screen and (min-resolution:144dpi) and (max-resolution:167dpi) {
    .combo-pattern-item {
        background-image:url(../../../../common/main/resources/img/right-panels/patterns@1.5x.png);
        background-size: 112px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.75dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:168dpi) and (max-resolution:191dpi) {
    .combo-pattern-item {
        background-image:url(../../../../common/main/resources/img/right-panels/patterns@1.75x.png);
        background-size: 112px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .combo-pattern-item {
        background-image:url(../../../../common/main/resources/img/right-panels/patterns@2x.png);
        background-size: 112px auto
    }
}

.combo-dataview-menu .form-control {
    cursor: pointer;
    background-color: #fff;
    background-color: var(--background-normal)
}

.combo-dataview-menu .form-control.text {
    background: #fff;
    background: var(--background-normal);
    vertical-align: bottom
}

.item-gradient {
    width: 50px;
    height: 50px
}

.item-gradient-separator {
    margin-right: 62px!important
}

#signature-invalid-sign,#signature-requested-sign,#signature-valid-sign {
    height: 100%;
    overflow: hidden;
    margin: 0 -10px 0 -15px
}

#signature-invalid-sign .item,#signature-requested-sign .item,#signature-valid-sign .item {
    display: block;
    border: none;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

#signature-invalid-sign .item.over,#signature-invalid-sign .item:hover,#signature-requested-sign .item.over,#signature-requested-sign .item:hover,#signature-valid-sign .item.over,#signature-valid-sign .item:hover {
    background-color: #d8dadc;
    background-color: var(--highlight-button-hover)
}

#signature-invalid-sign .item.over .caret,#signature-invalid-sign .item:hover .caret,#signature-requested-sign .item.over .caret,#signature-requested-sign .item:hover .caret,#signature-valid-sign .item.over .caret,#signature-valid-sign .item:hover .caret {
    display: inline-block
}

#signature-invalid-sign .signature-item,#signature-requested-sign .signature-item,#signature-valid-sign .signature-item {
    padding: 5px 2px 5px 15px;
    text-overflow: ellipsis;
    min-height: 25px
}

#signature-invalid-sign .signature-item .name,#signature-requested-sign .signature-item .name,#signature-valid-sign .signature-item .name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    max-width: 160px;
    text-overflow: ellipsis
}

#signature-invalid-sign .signature-item .caret,#signature-requested-sign .signature-item .caret,#signature-valid-sign .signature-item .caret {
    margin: 9px;
    display: none;
    position: absolute;
    right: 14px;
    width: 8px;
    height: 8px;
    border: solid 1px #444;
    border: solid 1px var(--icon-normal);
    opacity: .6;
    border-bottom: none;
    border-right: none;
    background-image: none;
    transform: rotate(-135deg);
    filter: none
}

#signature-invalid-sign .signature-item .caret.nomargin,#signature-requested-sign .signature-item .caret.nomargin,#signature-valid-sign .signature-item .caret.nomargin {
    margin: 2px;
    right: 26px
}

#chart-combo-wrap .options__icon,#image-combo-wrap .options__icon,#shape-combo-wrap .options__icon {
    width: 40px;
    height: 40px
}

#chart-combo-wrap .item-icon-box,#image-combo-wrap .item-icon-box,#shape-combo-wrap .item-icon-box {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

#form-list-list {
    background-color: #fff;
    background-color: var(--background-normal)
}

#form-cnt-position {
    position: relative
}

#form-cnt-position .row {
    display: flex;
    justify-content: flex-start
}

#form-cnt-position #form-img-position-preview {
    position: relative;
    height: 130px;
    width: 130px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

#form-cnt-position #form-img-position-preview #form-img-example {
    position: absolute;
    top: 24px;
    left: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

#form-cnt-position #form-img-slider-position-x {
    margin-top: 4px;
    margin-left: 7px
}

#form-cnt-position #form-img-slider-position-y {
    margin-top: 7px;
    margin-left: 4px
}

#form-cnt-position #form-img-slider-value {
    margin-left: 10px;
    margin-top: 4px
}

#id-table-menu-template .group-description {
    padding: 3px 0 3px 10px;
    font-weight: 700;
    letter-spacing: .01em
}

#id-table-menu-template .group-items-container .item:hover {
    -webkit-box-shadow: 0 0 0 2px #cfcfcf!important;
    box-shadow: 0 0 0 2px #cfcfcf!important;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)!important;
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-hover)!important
}

#id-table-menu-template .group-items-container .item.selected {
    -webkit-box-shadow: 0 0 0 2px #848484!important;
    box-shadow: 0 0 0 2px #848484!important;
    -webkit-box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)!important;
    box-shadow: 0 0 0 var(--scaled-two-pixel,2px) var(--border-preview-select)!important
}

.header-styles-tableview .list-item>div {
    padding-right: 6px;
    vertical-align: middle;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.header-styles-tableview .list-item>div:nth-child(1) {
    width: 160px;
    height: 16px;
    padding-left: 16px;
    padding-right: 5px
}

.header-styles-tableview .list-item>div:nth-child(1).checked:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    float: left;
    margin-left: -18px;
    background-position: -41px -172px
}

.canvas-box {
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-color: #fff
}

#bulleted-list-preview {
    margin-top: 2px;
    height: 208px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control);
    background-color: var(--canvas-content-background)
}

#page-margins-preview {
    border: 1px solid #cfcfcf;
    border: var(--scaled-one-pixel,1px) solid var(--border-regular-control)
}

#id-text-table-radio-fixed {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.pixel-ratio__1_75 #id-text-table-radio-fixed,.pixel-ratio__2 #id-text-table-radio-fixed {
    padding-bottom: 1px
}

#bookmarks-radio-name {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

#bookmarks-radio-location,#id-text-table-spn-fixed {
    display: inline-block;
    vertical-align: middle
}

.advanced-settings-dlg .roles-tableview.no-borders>.listview .item {
    border-width: 0!important
}

.advanced-settings-dlg .roles-tableview .item {
    padding: 0 6px
}

.advanced-settings-dlg .roles-tableview .list-item {
    display: flex;
    align-items: center;
    height: 28px
}

.advanced-settings-dlg .roles-tableview .list-item span.color {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid rgba(0,0,0,.2);
    border: var(--scaled-one-pixel,1px) solid var(--border-color-shading)
}

.advanced-settings-dlg .roles-tableview .list-item>div {
    vertical-align: middle;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre
}

.advanced-settings-dlg .roles-tableview .listitem-icon {
    width: 20px;
    height: 28px;
    margin-right: 5px
}

.advanced-settings-dlg .roles-tableview .listitem-icon svg {
    width: 20px;
    height: 28px;
    fill: #444;
    fill: var(--text-normal)
}

.advanced-settings-dlg .roles-tableview .selected .listitem-icon svg {
    fill: #fff;
    fill: var(--text-normal-pressed)
}

#navigation-box {
    position: relative;
    width: 100%;
    height: 100%
}

#navigation-box #navigation-header {
    position: absolute;
    height: 45px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#navigation-box #navigation-header label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-top: 2px
}

#navigation-box #navigation-list {
    padding-top: 45px;
    height: 100%;
    overflow: hidden;
    font-size: 12px
}

#navigation-box #navigation-list .treeview {
    padding: 8px 0
}

#navigation-box #navigation-list .treeview .empty-text tr {
    vertical-align: top
}

#navigation-box #navigation-list .treeview .empty-text tr td {
    padding-top: 10px
}

#navigation-box #navigation-list .treeview .tree-item {
    min-height: 25px
}

#navigation-box #navigation-list .treeview .tree-item .name {
    padding: 5px 0
}

#navigation-box #navigation-list.small {
    font-size: 10px
}

#navigation-box #navigation-list.medium {
    font-size: 12px
}

#navigation-box #navigation-list.medium .name {
    padding: 4px 0
}

#navigation-box #navigation-list.large {
    font-size: 14px
}

#navigation-box #navigation-list .name.not-header {
    font-style: italic
}

#navigation-box #navigation-list.wrap .name {
    white-space: pre-wrap
}

#navigation-box #navigation-list .name {
    word-break: break-word;
    max-height: 350px
}

#thumbnails-box {
    position: relative;
    border-collapse: collapse
}

#thumbnails-box #thumbnails-list {
    position: relative;
    height: calc(100% - 45px);
    width: 100%;
    overflow: hidden
}

#thumbnails-box #thumbnails-header {
    position: relative;
    height: 45px;
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    border-bottom: var(--scaled-one-pixel,1px) solid var(--border-toolbar)
}

#thumbnails-box #thumbnails-header label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .01em;
    margin-top: 2px
}

#thumbnails-box #thumbnails-header #thumbnails-btn-close {
    float: right;
    margin-left: 4px
}

#thumbnails-box #thumbnails-header #thumbnails-btn-settings {
    float: right
}

#thumbnails-box #thumbnails-header #thumbnails-size label {
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    padding-left: 12px;
    line-height: 25px
}

#thumbnails-box #thumbnails-header #thumbnails-size .thumbnails-sld-box {
    height: 25px;
    padding-left: 8px
}

#thumbnails-box #thumbnails-header #thumbnails-size .thumbnails-sld-box .menu-item-icon {
    position: relative;
    float: none;
    margin: 0
}

#thumbnails-box #thumbnails-header #thumbnails-size .thumbnails-sld-box #sld-thumbnails-size {
    display: inline-block;
    margin: 0 10px 0 8px
}

#thumbnails-box #thumbnails-header .dropdown-menu li a {
    padding: 5px 20px 5px 33px
}

#thumbnails-box #thumbnails-header .dropdown-menu li a.checked:before {
    margin-left: -24px
}

.btn.active:not(:disabled):not(.disabled) .toolbar__icon,.btn:active:not(:disabled):not(.disabled) .toolbar__icon {
    background-position-x: -20px;
    background-position-x: var(--button-small-active-icon-offset-x,0)
}

.menu__icon,.toolbar__icon {
    background-image: url(../img/iconssmall.png)
}

.advanced-btn-ratio {
    background-position: 0 -660px;
    background-position: var(--button-small-normal-icon-offset-x,0) -660px
}

.arrange-back {
    background-position: 0 -680px;
    background-position: var(--button-small-normal-icon-offset-x,0) -680px
}

.arrange-backward {
    background-position: 0 -700px;
    background-position: var(--button-small-normal-icon-offset-x,0) -700px
}

.arrange-forward {
    background-position: 0 -720px;
    background-position: var(--button-small-normal-icon-offset-x,0) -720px
}

.arrange-front {
    background-position: 0 -740px;
    background-position: var(--button-small-normal-icon-offset-x,0) -740px
}

.btn-add-breakpoint {
    background-position: 0 -760px;
    background-position: var(--button-small-normal-icon-offset-x,0) -760px
}

.btn-addcell {
    background-position: 0 -780px;
    background-position: var(--button-small-normal-icon-offset-x,0) -780px
}

.btn-align-bottom {
    background-position: 0 -800px;
    background-position: var(--button-small-normal-icon-offset-x,0) -800px
}

.btn-align-center {
    background-position: 0 -820px;
    background-position: var(--button-small-normal-icon-offset-x,0) -820px
}

.btn-align-just {
    background-position: 0 -840px;
    background-position: var(--button-small-normal-icon-offset-x,0) -840px
}

.btn-align-left {
    background-position: 0 -860px;
    background-position: var(--button-small-normal-icon-offset-x,0) -860px
}

.btn-align-middle {
    background-position: 0 -880px;
    background-position: var(--button-small-normal-icon-offset-x,0) -880px
}

.btn-align-right {
    background-position: 0 -900px;
    background-position: var(--button-small-normal-icon-offset-x,0) -900px
}

.btn-align-top {
    background-position: 0 -920px;
    background-position: var(--button-small-normal-icon-offset-x,0) -920px
}

.btn-arrow-down {
    background-position: 0 -940px;
    background-position: var(--button-small-normal-icon-offset-x,0) -940px
}

.btn-arrow-up {
    background-position: 0 -960px;
    background-position: var(--button-small-normal-icon-offset-x,0) -960px
}

.btn-autocorrect {
    background-position: 0 -980px;
    background-position: var(--button-small-normal-icon-offset-x,0) -980px
}

[applang=ru] .btn-bold {
    background-position: 0 -1020px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1020px
}

.btn-bold {
    background-position: 0 -1000px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1000px
}

.btn-border-all {
    background-position: 0 -1040px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1040px
}

.btn-border-bottom {
    background-position: 0 -1060px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1060px
}

.btn-border-diagdown {
    background-position: 0 -1080px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1080px
}

.btn-border-diagup {
    background-position: 0 -1100px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1100px
}

.btn-border-inside {
    background-position: 0 -1120px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1120px
}

.btn-border-insidehor {
    background-position: 0 -1140px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1140px
}

.btn-border-insidevert {
    background-position: 0 -1160px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1160px
}

.btn-border-left {
    background-position: 0 -1180px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1180px
}

.btn-border-no {
    background-position: 0 -1200px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1200px
}

.btn-border-out {
    background-position: 0 -1220px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1220px
}

.btn-border-right {
    background-position: 0 -1240px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1240px
}

.btn-border-top {
    background-position: 0 -1260px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1260px
}

.btn-change-case {
    background-position: 0 -1280px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1280px
}

.btn-clearstyle {
    background-position: 0 -1300px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1300px
}

.btn-close {
    background-position: 0 -1320px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1320px
}

.btn-colorschemas {
    background-position: 0 -1340px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1340px
}

.btn-copy {
    background-position: 0 -1360px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1360px
}

.btn-copystyle {
    background-position: 0 -1380px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1380px
}

.btn-cut {
    background-position: 0 -1400px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1400px
}

.btn-decfont {
    background-position: 0 -1420px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1420px
}

.btn-decoffset {
    background-position: 0 -1440px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1440px
}

.btn-delcell {
    background-position: 0 -1460px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1460px
}

.btn-download {
    background-position: 0 -1480px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1480px
}

.btn-edit {
    background-position: 0 -1500px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1500px
}

.btn-embed {
    background-position: 0 -1520px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1520px
}

.btn-favorite {
    background-position: 0 -1540px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1540px
}

.btn-firstitem {
    background-position: 0 -1560px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1560px
}

.btn-flip-hor {
    background-position: 0 -1580px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1580px
}

.btn-flip-vert {
    background-position: 0 -1600px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1600px
}

.btn-fontcolor {
    background-position: 0 -1620px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1620px
}

.btn-goback {
    background-position: 0 -1640px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1640px
}

.btn-highlight {
    background-position: 0 -1660px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1660px
}

.btn-home {
    background-position: 0 -1680px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1680px
}

.btn-ic-doclang {
    background-position: 0 -1700px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1700px
}

[applang=ru] .btn-ic-docspell {
    background-position: 0 -1740px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1740px
}

.btn-ic-docspell {
    background-position: 0 -1720px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1720px
}

.btn-ic-options {
    background-position: 0 -1760px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1760px
}

.btn-ic-review {
    background-position: 0 -1780px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1780px
}

.btn-ic-zoomtopage {
    background-position: 0 -1800px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1800px
}

.btn-ic-zoomtowidth {
    background-position: 0 -1820px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1820px
}

.btn-in-favorite {
    background-position: 0 -1840px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1840px
}

.btn-incfont {
    background-position: 0 -1860px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1860px
}

.btn-incoffset {
    background-position: 0 -1880px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1880px
}

.btn-inserthyperlink {
    background-position: 0 -1900px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1900px
}

[applang=ru] .btn-italic {
    background-position: 0 -1940px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1940px
}

.btn-italic {
    background-position: 0 -1920px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1920px
}

.btn-lastitem {
    background-position: 0 -1960px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1960px
}

.btn-linespace {
    background-position: 0 -1980px;
    background-position: var(--button-small-normal-icon-offset-x,0) -1980px
}

.btn-menu-about {
    background-position: 0 -2000px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2000px
}

.btn-menu-chart {
    background-position: 0 -2020px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2020px
}

.btn-menu-chat {
    background-position: 0 -2040px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2040px
}

.btn-menu-comments {
    background-position: 0 -2060px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2060px
}

.btn-menu-image {
    background-position: 0 -2080px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2080px
}

.btn-menu-navigation {
    background-position: 0 -2100px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2100px
}

.btn-menu-search {
    background-position: 0 -2120px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2120px
}

.btn-menu-shape {
    background-position: 0 -2140px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2140px
}

.btn-menu-signature {
    background-position: 0 -2160px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2160px
}

.btn-menu-support {
    background-position: 0 -2180px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2180px
}

.btn-menu-table {
    background-position: 0 -2200px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2200px
}

.btn-menu-textart {
    background-position: 0 -2220px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2220px
}

.btn-merge-cells {
    background-position: 0 -2240px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2240px
}

.btn-nextitem {
    background-position: 0 -2260px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2260px
}

.btn-numbering {
    background-position: 0 -2280px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2280px
}

.btn-paracolor {
    background-position: 0 -2300px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2300px
}

.btn-paragraph {
    background-position: 0 -2320px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2320px
}

.btn-paste {
    background-position: 0 -2340px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2340px
}

.btn-previtem {
    background-position: 0 -2360px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2360px
}

.btn-print-preview {
    background-position: 0 -2380px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2380px
}

.btn-print {
    background-position: 0 -2400px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2400px
}

.btn-quick-print {
    background-position: 0 -2420px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2420px
}

.btn-redo {
    background-position: 0 -2440px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2440px
}

.btn-remove-breakpoint {
    background-position: 0 -2460px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2460px
}

.btn-rotate-270 {
    background-position: 0 -2480px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2480px
}

.btn-rotate-90 {
    background-position: 0 -2500px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2500px
}

.btn-rotate-down {
    background-position: 0 -2520px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2520px
}

.btn-rotate-up {
    background-position: 0 -2540px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2540px
}

.btn-rotate-y-clockwise {
    background-position: 0 -2560px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2560px
}

.btn-rotate-y-counterclockwise {
    background-position: 0 -2580px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2580px
}

.btn-save-coauth {
    background-position: 0 -2600px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2600px
}

.btn-save {
    background-position: 0 -2620px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2620px
}

.btn-select-range {
    background-position: 0 -2640px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2640px
}

.btn-setmarkers {
    background-position: 0 -2660px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2660px
}

.btn-settings {
    background-position: 0 -2680px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2680px
}

.btn-share {
    background-position: 0 -2700px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2700px
}

.btn-sheet-view {
    background-position: 0 -2720px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2720px
}

.btn-sorting {
    background-position: 0 -2740px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2740px
}

[applang=ru] .btn-strikeout {
    background-position: 0 -2780px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2780px
}

.btn-strikeout {
    background-position: 0 -2760px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2760px
}

.btn-subscript {
    background-position: 0 -2800px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2800px
}

.btn-superscript {
    background-position: 0 -2820px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2820px
}

.btn-text-vertical {
    background-position: 0 -2840px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2840px
}

.btn-text {
    background-position: 0 -2860px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2860px
}

[applang=ru] .btn-underline {
    background-position: 0 -2900px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2900px
}

.btn-underline {
    background-position: 0 -2880px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2880px
}

.btn-undo {
    background-position: 0 -2920px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2920px
}

.btn-user {
    background-position: 0 -2940px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2940px
}

.btn-users-share {
    background-position: 0 -2960px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2960px
}

.btn-users {
    background-position: 0 -2980px;
    background-position: var(--button-small-normal-icon-offset-x,0) -2980px
}

.btn-zoomdown {
    background-position: 0 -3000px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3000px
}

.btn-zoomup {
    background-position: 0 -3020px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3020px
}

.collapse-all {
    background-position: 0 -3040px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3040px
}

.columns-one {
    background-position: 0 -3060px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3060px
}

.columns-three {
    background-position: 0 -3080px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3080px
}

.columns-two {
    background-position: 0 -3100px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3100px
}

.demote {
    background-position: 0 -3120px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3120px
}

.expand-all {
    background-position: 0 -3140px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3140px
}

.hide-password {
    background-position: 0 -3160px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3160px
}

.latex {
    background-position: 0 -3180px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3180px
}

.linear-equation {
    background-position: 0 -3200px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3200px
}

.more-vertical {
    background-position: 0 -3220px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3220px
}

.page-landscape {
    background-position: 0 -3240px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3240px
}

.page-portrait {
    background-position: 0 -3260px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3260px
}

.professional-equation {
    background-position: 0 -3280px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3280px
}

.promote {
    background-position: 0 -3300px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3300px
}

.rows-and-columns {
    background-position: 0 -3320px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3320px
}

.select-all {
    background-position: 0 -3340px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3340px
}

.shape-align-bottom {
    background-position: 0 -3360px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3360px
}

.shape-align-center {
    background-position: 0 -3380px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3380px
}

.shape-align-left {
    background-position: 0 -3400px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3400px
}

.shape-align-middle {
    background-position: 0 -3420px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3420px
}

.shape-align-right {
    background-position: 0 -3440px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3440px
}

.shape-align-top {
    background-position: 0 -3460px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3460px
}

.shape-distribute-hor {
    background-position: 0 -3480px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3480px
}

.shape-distribute-vert {
    background-position: 0 -3500px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3500px
}

.shape-group {
    background-position: 0 -3520px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3520px
}

.shape-ungroup {
    background-position: 0 -3540px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3540px
}

.smart-cycle {
    background-position: 0 -3560px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3560px
}

.smart-hierarchy {
    background-position: 0 -3580px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3580px
}

.smart-list {
    background-position: 0 -3600px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3600px
}

.smart-matrix {
    background-position: 0 -3620px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3620px
}

.smart-process {
    background-position: 0 -3640px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3640px
}

.smart-pyramid {
    background-position: 0 -3660px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3660px
}

.smart-relationship {
    background-position: 0 -3680px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3680px
}

.text-orient-hor {
    background-position: 0 -3700px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3700px
}

.text-orient-rdown {
    background-position: 0 -3720px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3720px
}

.text-orient-rup {
    background-position: 0 -3740px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3740px
}

.unicode {
    background-position: 0 -3760px;
    background-position: var(--button-small-normal-icon-offset-x,0) -3760px
}

.add-text {
    background-position: 0 0;
    background-position: var(--button-small-normal-icon-offset-x,0) 0
}

.btn-contents {
    background-position: 0 -20px;
    background-position: var(--button-small-normal-icon-offset-x,0) -20px
}

.btn-field {
    background-position: 0 -40px;
    background-position: var(--button-small-normal-icon-offset-x,0) -40px
}

.btn-fixed-field {
    background-position: 0 -60px;
    background-position: var(--button-small-normal-icon-offset-x,0) -60px
}

.btn-hand-tool {
    background-position: 0 -80px;
    background-position: var(--button-small-normal-icon-offset-x,0) -80px
}

.btn-lock {
    background-position: 0 -100px;
    background-position: var(--button-small-normal-icon-offset-x,0) -100px
}

.btn-mailmerge {
    background-position: 0 -120px;
    background-position: var(--button-small-normal-icon-offset-x,0) -120px
}

.btn-menu-header {
    background-position: 0 -140px;
    background-position: var(--button-small-normal-icon-offset-x,0) -140px
}

.btn-menu-thumbs {
    background-position: 0 -160px;
    background-position: var(--button-small-normal-icon-offset-x,0) -160px
}

.btn-multilevels {
    background-position: 0 -180px;
    background-position: var(--button-small-normal-icon-offset-x,0) -180px
}

.btn-select-tool {
    background-position: 0 -200px;
    background-position: var(--button-small-normal-icon-offset-x,0) -200px
}

.btn-to-columns {
    background-position: 0 -220px;
    background-position: var(--button-small-normal-icon-offset-x,0) -220px
}

.btn-update {
    background-position: 0 -240px;
    background-position: var(--button-small-normal-icon-offset-x,0) -240px
}

.cc-plaintext {
    background-position: 0 -260px;
    background-position: var(--button-small-normal-icon-offset-x,0) -260px
}

.cc-remove {
    background-position: 0 -280px;
    background-position: var(--button-small-normal-icon-offset-x,0) -280px
}

.cc-richtext {
    background-position: 0 -300px;
    background-position: var(--button-small-normal-icon-offset-x,0) -300px
}

.columns-left {
    background-position: 0 -320px;
    background-position: var(--button-small-normal-icon-offset-x,0) -320px
}

.columns-right {
    background-position: 0 -340px;
    background-position: var(--button-small-normal-icon-offset-x,0) -340px
}

.distribute-columns {
    background-position: 0 -360px;
    background-position: var(--button-small-normal-icon-offset-x,0) -360px
}

.distribute-rows {
    background-position: 0 -380px;
    background-position: var(--button-small-normal-icon-offset-x,0) -380px
}

.dropcap-inmargin {
    background-position: 0 -400px;
    background-position: var(--button-small-normal-icon-offset-x,0) -400px
}

.dropcap-intext {
    background-position: 0 -420px;
    background-position: var(--button-small-normal-icon-offset-x,0) -420px
}

.table-to-text {
    background-position: 0 -440px;
    background-position: var(--button-small-normal-icon-offset-x,0) -440px
}

.thumbnail-big {
    background-position: 0 -460px;
    background-position: var(--button-small-normal-icon-offset-x,0) -460px
}

.thumbnail-small {
    background-position: 0 -480px;
    background-position: var(--button-small-normal-icon-offset-x,0) -480px
}

.word-count {
    background-position: 0 -500px;
    background-position: var(--button-small-normal-icon-offset-x,0) -500px
}

.wrap-behind {
    background-position: 0 -520px;
    background-position: var(--button-small-normal-icon-offset-x,0) -520px
}

.wrap-infront {
    background-position: 0 -540px;
    background-position: var(--button-small-normal-icon-offset-x,0) -540px
}

.wrap-inline {
    background-position: 0 -560px;
    background-position: var(--button-small-normal-icon-offset-x,0) -560px
}

.wrap-square {
    background-position: 0 -580px;
    background-position: var(--button-small-normal-icon-offset-x,0) -580px
}

.wrap-through {
    background-position: 0 -600px;
    background-position: var(--button-small-normal-icon-offset-x,0) -600px
}

.wrap-tight {
    background-position: 0 -620px;
    background-position: var(--button-small-normal-icon-offset-x,0) -620px
}

.wrap-topandbottom {
    background-position: 0 -640px;
    background-position: var(--button-small-normal-icon-offset-x,0) -640px
}

.btn.x-huge.active:not(:disabled):not(.disabled) .toolbar__icon,.btn.x-huge:active:not(:disabled):not(.disabled) .toolbar__icon {
    background-position-x: -28px;
    background-position-x: var(--button-xhuge-active-icon-offset-x,0)
}

.btn.active:not(:disabled):not(.disabled) .toolbar__icon.toolbar__icon-big,.btn:active:not(:disabled):not(.disabled) .toolbar__icon.toolbar__icon-big {
    background-position-x: -28px;
    background-position-x: var(--button-xhuge-active-icon-offset-x,0)
}

.toolbar__icon.toolbar__icon-big,.x-huge .toolbar__icon {
    background-image: url(../img/iconsbig.png)
}

.toolbar__icon-big.btn-audio,.x-huge .btn-audio:not(.menu__icon) {
    background-position: 0 -1624px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1624px
}

.toolbar__icon-big.btn-colorschemas,.x-huge .btn-colorschemas:not(.menu__icon) {
    background-position: 0 -1652px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1652px
}

.toolbar__icon-big.btn-compare,.x-huge .btn-compare:not(.menu__icon) {
    background-position: 0 -1680px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1680px
}

.toolbar__icon-big.btn-datetime,.x-huge .btn-datetime:not(.menu__icon) {
    background-position: 0 -1708px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1708px
}

.toolbar__icon-big.btn-editheader,.x-huge .btn-editheader:not(.menu__icon) {
    background-position: 0 -1736px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1736px
}

.toolbar__icon-big.btn-ic-chat,.x-huge .btn-ic-chat:not(.menu__icon) {
    background-position: 0 -1764px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1764px
}

.toolbar__icon-big.btn-ic-coedit,.x-huge .btn-ic-coedit:not(.menu__icon) {
    background-position: 0 -1792px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1792px
}

.toolbar__icon-big.btn-ic-history,.x-huge .btn-ic-history:not(.menu__icon) {
    background-position: 0 -1820px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1820px
}

.toolbar__icon-big.btn-ic-protect,.x-huge .btn-ic-protect:not(.menu__icon) {
    background-position: 0 -1848px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1848px
}

.toolbar__icon-big.btn-ic-sharing,.x-huge .btn-ic-sharing:not(.menu__icon) {
    background-position: 0 -1876px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1876px
}

.toolbar__icon-big.btn-ic-signature,.x-huge .btn-ic-signature:not(.menu__icon) {
    background-position: 0 -1904px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1904px
}

.toolbar__icon-big.btn-img-align,.x-huge .btn-img-align:not(.menu__icon) {
    background-position: 0 -1932px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1932px
}

.toolbar__icon-big.btn-img-bkwd,.x-huge .btn-img-bkwd:not(.menu__icon) {
    background-position: 0 -1960px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1960px
}

.toolbar__icon-big.btn-img-frwd,.x-huge .btn-img-frwd:not(.menu__icon) {
    background-position: 0 -1988px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1988px
}

.toolbar__icon-big.btn-img-group,.x-huge .btn-img-group:not(.menu__icon) {
    background-position: 0 -2016px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2016px
}

.toolbar__icon-big.btn-insertchart,.x-huge .btn-insertchart:not(.menu__icon) {
    background-position: 0 -2044px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2044px
}

.toolbar__icon-big.btn-insertequation,.x-huge .btn-insertequation:not(.menu__icon) {
    background-position: 0 -2072px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2072px
}

.toolbar__icon-big.btn-inserthyperlink,.x-huge .btn-inserthyperlink:not(.menu__icon) {
    background-position: 0 -2100px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2100px
}

.toolbar__icon-big.btn-insertimage,.x-huge .btn-insertimage:not(.menu__icon) {
    background-position: 0 -2128px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2128px
}

.toolbar__icon-big.btn-insertshape,.x-huge .btn-insertshape:not(.menu__icon) {
    background-position: 0 -2156px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2156px
}

.toolbar__icon-big.btn-inserttable,.x-huge .btn-inserttable:not(.menu__icon) {
    background-position: 0 -2184px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2184px
}

.toolbar__icon-big.btn-menu-comments,.x-huge .btn-menu-comments:not(.menu__icon) {
    background-position: 0 -2212px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2212px
}

.toolbar__icon-big.btn-menu-navigation,.x-huge .btn-menu-navigation:not(.menu__icon) {
    background-position: 0 -2240px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2240px
}

.toolbar__icon-big.btn-more,.x-huge .btn-more:not(.menu__icon) {
    background-position: 0 -2268px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2268px
}

.toolbar__icon-big.btn-pagemargins,.x-huge .btn-pagemargins:not(.menu__icon) {
    background-position: 0 -2296px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2296px
}

.toolbar__icon-big.btn-pageorient,.x-huge .btn-pageorient:not(.menu__icon) {
    background-position: 0 -2324px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2324px
}

.toolbar__icon-big.btn-pagesize,.x-huge .btn-pagesize:not(.menu__icon) {
    background-position: 0 -2352px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2352px
}

.toolbar__icon-big.btn-rem-comment,.x-huge .btn-rem-comment:not(.menu__icon) {
    background-position: 0 -2380px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2380px
}

.toolbar__icon-big.btn-resolve-all,.x-huge .btn-resolve-all:not(.menu__icon) {
    background-position: 0 -2408px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2408px
}

.toolbar__icon-big.btn-sheet-view,.x-huge .btn-sheet-view:not(.menu__icon) {
    background-position: 0 -2436px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2436px
}

.toolbar__icon-big.btn-symbol,.x-huge .btn-symbol:not(.menu__icon) {
    background-position: 0 -2464px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2464px
}

.toolbar__icon-big.btn-text-vertical,.x-huge .btn-text-vertical:not(.menu__icon) {
    background-position: 0 -2492px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2492px
}

.toolbar__icon-big.btn-text,.x-huge .btn-text:not(.menu__icon) {
    background-position: 0 -2520px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2520px
}

.toolbar__icon-big.btn-textart,.x-huge .btn-textart:not(.menu__icon) {
    background-position: 0 -2548px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2548px
}

.toolbar__icon-big.btn-update,.x-huge .btn-update:not(.menu__icon) {
    background-position: 0 -2576px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2576px
}

.toolbar__icon-big.btn-video,.x-huge .btn-video:not(.menu__icon) {
    background-position: 0 -2604px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2604px
}

.toolbar__icon-big.day,.x-huge .day:not(.menu__icon) {
    background-position: 0 -2632px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2632px
}

.toolbar__icon-big.night,.x-huge .night:not(.menu__icon) {
    background-position: 0 -2660px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2660px
}

.toolbar__icon-big.smart-art,.x-huge .smart-art:not(.menu__icon) {
    background-position: 0 -2688px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -2688px
}

.toolbar__icon-big.borders-all,.x-huge .borders-all:not(.menu__icon) {
    background-position: 0 0;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) 0
}

.toolbar__icon-big.borders-inner-only,.x-huge .borders-inner-only:not(.menu__icon) {
    background-position: 0 -28px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -28px
}

.toolbar__icon-big.borders-none,.x-huge .borders-none:not(.menu__icon) {
    background-position: 0 -56px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -56px
}

.toolbar__icon-big.borders-outer-only,.x-huge .borders-outer-only:not(.menu__icon) {
    background-position: 0 -84px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -84px
}

.toolbar__icon-big.borders-twin-all,.x-huge .borders-twin-all:not(.menu__icon) {
    background-position: 0 -112px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -112px
}

.toolbar__icon-big.borders-twin-none-all,.x-huge .borders-twin-none-all:not(.menu__icon) {
    background-position: 0 -140px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -140px
}

.toolbar__icon-big.borders-twin-none-inner,.x-huge .borders-twin-none-inner:not(.menu__icon) {
    background-position: 0 -168px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -168px
}

.toolbar__icon-big.borders-twin-none-outer,.x-huge .borders-twin-none-outer:not(.menu__icon) {
    background-position: 0 -196px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -196px
}

.toolbar__icon-big.borders-twin-none,.x-huge .borders-twin-none:not(.menu__icon) {
    background-position: 0 -224px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -224px
}

.toolbar__icon-big.borders-twin-outer-inner,.x-huge .borders-twin-outer-inner:not(.menu__icon) {
    background-position: 0 -252px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -252px
}

.toolbar__icon-big.borders-twin-outer-none,.x-huge .borders-twin-outer-none:not(.menu__icon) {
    background-position: 0 -280px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -280px
}

.toolbar__icon-big.borders-twin-outer-outer,.x-huge .borders-twin-outer-outer:not(.menu__icon) {
    background-position: 0 -308px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -308px
}

.toolbar__icon-big.btn-blankpage,.x-huge .btn-blankpage:not(.menu__icon) {
    background-position: 0 -336px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -336px
}

.toolbar__icon-big.btn-bookmarks,.x-huge .btn-bookmarks:not(.menu__icon) {
    background-position: 0 -364px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -364px
}

.toolbar__icon-big.btn-caption,.x-huge .btn-caption:not(.menu__icon) {
    background-position: 0 -392px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -392px
}

.toolbar__icon-big.btn-checkbox,.x-huge .btn-checkbox:not(.menu__icon) {
    background-position: 0 -420px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -420px
}

.toolbar__icon-big.btn-columns,.x-huge .btn-columns:not(.menu__icon) {
    background-position: 0 -448px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -448px
}

.toolbar__icon-big.btn-combo-box,.x-huge .btn-combo-box:not(.menu__icon) {
    background-position: 0 -476px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -476px
}

.toolbar__icon-big.btn-contents,.x-huge .btn-contents:not(.menu__icon) {
    background-position: 0 -504px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -504px
}

.toolbar__icon-big.btn-controls,.x-huge .btn-controls:not(.menu__icon) {
    background-position: 0 -532px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -532px
}

.toolbar__icon-big.btn-credit-card,.x-huge .btn-credit-card:not(.menu__icon) {
    background-position: 0 -560px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -560px
}

.toolbar__icon-big.btn-cross-reference,.x-huge .btn-cross-reference:not(.menu__icon) {
    background-position: 0 -588px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -588px
}

.toolbar__icon-big.btn-dropcap,.x-huge .btn-dropcap:not(.menu__icon) {
    background-position: 0 -616px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -616px
}

.toolbar__icon-big.btn-dropdown,.x-huge .btn-dropdown:not(.menu__icon) {
    background-position: 0 -644px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -644px
}

.toolbar__icon-big.btn-email,.x-huge .btn-email:not(.menu__icon) {
    background-position: 0 -672px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -672px
}

.toolbar__icon-big.btn-fixed-field,.x-huge .btn-fixed-field:not(.menu__icon) {
    background-position: 0 -700px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -700px
}

.toolbar__icon-big.btn-ic-review,.x-huge .btn-ic-review:not(.menu__icon) {
    background-position: 0 -728px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -728px
}

.toolbar__icon-big.btn-ic-reviewview,.x-huge .btn-ic-reviewview:not(.menu__icon) {
    background-position: 0 -756px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -756px
}

.toolbar__icon-big.btn-img-wrap,.x-huge .btn-img-wrap:not(.menu__icon) {
    background-position: 0 -784px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -784px
}

.toolbar__icon-big.btn-line-numbering,.x-huge .btn-line-numbering:not(.menu__icon) {
    background-position: 0 -812px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -812px
}

.toolbar__icon-big.btn-notes,.x-huge .btn-notes:not(.menu__icon) {
    background-position: 0 -840px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -840px
}

.toolbar__icon-big.btn-pagebreak,.x-huge .btn-pagebreak:not(.menu__icon) {
    background-position: 0 -868px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -868px
}

.toolbar__icon-big.btn-phone,.x-huge .btn-phone:not(.menu__icon) {
    background-position: 0 -896px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -896px
}

.toolbar__icon-big.btn-radio-button,.x-huge .btn-radio-button:not(.menu__icon) {
    background-position: 0 -924px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -924px
}

.toolbar__icon-big.btn-review-deny,.x-huge .btn-review-deny:not(.menu__icon) {
    background-position: 0 -952px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -952px
}

.toolbar__icon-big.btn-review-next,.x-huge .btn-review-next:not(.menu__icon) {
    background-position: 0 -980px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -980px
}

.toolbar__icon-big.btn-review-prev,.x-huge .btn-review-prev:not(.menu__icon) {
    background-position: 0 -1008px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1008px
}

.toolbar__icon-big.btn-review-save,.x-huge .btn-review-save:not(.menu__icon) {
    background-position: 0 -1036px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1036px
}

.toolbar__icon-big.btn-text-field,.x-huge .btn-text-field:not(.menu__icon) {
    background-position: 0 -1064px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1064px
}

.toolbar__icon-big.btn-watermark,.x-huge .btn-watermark:not(.menu__icon) {
    background-position: 0 -1092px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1092px
}

.toolbar__icon-big.btn-zip-code,.x-huge .btn-zip-code:not(.menu__icon) {
    background-position: 0 -1120px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1120px
}

.toolbar__icon-big.clear-style,.x-huge .clear-style:not(.menu__icon) {
    background-position: 0 -1148px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1148px
}

.toolbar__icon-big.combine,.x-huge .combine:not(.menu__icon) {
    background-position: 0 -1176px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1176px
}

.toolbar__icon-big.complex-field,.x-huge .complex-field:not(.menu__icon) {
    background-position: 0 -1204px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1204px
}

.toolbar__icon-big.dark-mode,.x-huge .dark-mode:not(.menu__icon) {
    background-position: 0 -1232px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1232px
}

.toolbar__icon-big.next-field,.x-huge .next-field:not(.menu__icon) {
    background-position: 0 -1260px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1260px
}

.toolbar__icon-big.paragraph-borders-all,.x-huge .paragraph-borders-all:not(.menu__icon) {
    background-position: 0 -1288px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1288px
}

.toolbar__icon-big.paragraph-borders-bottom,.x-huge .paragraph-borders-bottom:not(.menu__icon) {
    background-position: 0 -1316px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1316px
}

.toolbar__icon-big.paragraph-borders-inner,.x-huge .paragraph-borders-inner:not(.menu__icon) {
    background-position: 0 -1344px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1344px
}

.toolbar__icon-big.paragraph-borders-left,.x-huge .paragraph-borders-left:not(.menu__icon) {
    background-position: 0 -1372px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1372px
}

.toolbar__icon-big.paragraph-borders-none,.x-huge .paragraph-borders-none:not(.menu__icon) {
    background-position: 0 -1400px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1400px
}

.toolbar__icon-big.paragraph-borders-outer,.x-huge .paragraph-borders-outer:not(.menu__icon) {
    background-position: 0 -1428px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1428px
}

.toolbar__icon-big.paragraph-borders-right,.x-huge .paragraph-borders-right:not(.menu__icon) {
    background-position: 0 -1456px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1456px
}

.toolbar__icon-big.paragraph-borders-top,.x-huge .paragraph-borders-top:not(.menu__icon) {
    background-position: 0 -1484px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1484px
}

.toolbar__icon-big.previous-field,.x-huge .previous-field:not(.menu__icon) {
    background-position: 0 -1512px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1512px
}

.toolbar__icon-big.restrict-editing,.x-huge .restrict-editing:not(.menu__icon) {
    background-position: 0 -1540px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1540px
}

.toolbar__icon-big.save-form,.x-huge .save-form:not(.menu__icon) {
    background-position: 0 -1568px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1568px
}

.toolbar__icon-big.submit-form,.x-huge .submit-form:not(.menu__icon) {
    background-position: 0 -1596px;
    background-position: var(--button-xhuge-normal-icon-offset-x,0) -1596px
}

.btn .options__icon.options__icon-huge {
    background-position-x: 0;
    background-position-x: var(--button-huge-normal-icon-offset-x,0)
}

.btn.active:not(:disabled):not(.disabled) .options__icon.options__icon-huge,.btn:active:not(:disabled):not(.disabled) .options__icon.options__icon-huge {
    background-position-x: 0;
    background-position-x: var(--button-huge-active-icon-offset-x,0)
}

.options__icon.options__icon-huge {
    background-image: url(../img/iconshuge.png)
}

.options__icon-huge.btn-drop-margin {
    background-position: 0 0
}

.options__icon-huge.btn-drop-none {
    background-position: 0 -40px
}

.options__icon-huge.btn-drop-text {
    background-position: 0 -80px
}

.options__icon-huge.btn-wrap-behind {
    background-position: 0 -120px
}

.options__icon-huge.btn-wrap-infront {
    background-position: 0 -160px
}

.options__icon-huge.btn-wrap-inline {
    background-position: 0 -200px
}

.options__icon-huge.btn-wrap-square {
    background-position: 0 -240px
}

.options__icon-huge.btn-wrap-through {
    background-position: 0 -280px
}

.options__icon-huge.btn-wrap-tight {
    background-position: 0 -320px
}

.options__icon-huge.btn-wrap-topbottom {
    background-position: 0 -360px
}

.options__icon-huge.none {
    background-position: 0 -400px
}

.options__icon-huge.page-number-bottom-center {
    background-position: 0 -440px
}

.options__icon-huge.page-number-bottom-left {
    background-position: 0 -480px
}

.options__icon-huge.page-number-bottom-right {
    background-position: 0 -520px
}

.options__icon-huge.page-number-top-center {
    background-position: 0 -560px
}

.options__icon-huge.page-number-top-left {
    background-position: 0 -600px
}

.options__icon-huge.page-number-top-right {
    background-position: 0 -640px
}

.options__icon-huge.table-align-center {
    background-position: 0 -680px
}

.options__icon-huge.table-align-left {
    background-position: 0 -720px
}

.options__icon-huge.table-align-right {
    background-position: 0 -760px
}

.options__icon-huge.table-flow {
    background-position: 0 -800px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .menu__icon,.toolbar__icon {
        background-image:url(../img/iconssmall@2x.png);
        background-size: 40px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .toolbar__icon.toolbar__icon-big,.x-huge .toolbar__icon {
        background-image:url(../img/iconsbig@2x.png);
        background-size: 56px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio:1.4),only screen and (min-resolution:1.25dppx) and (max-resolution:1.4dppx),only screen and (min-resolution:120dpi) and (max-resolution:143dpi) {
    .menu__icon,.toolbar__icon {
        background-image:url(../img/iconssmall@1.25x.png);
        background-size: 40px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (-webkit-max-device-pixel-ratio:1.4),only screen and (min-resolution:1.25dppx) and (max-resolution:1.4dppx),only screen and (min-resolution:120dpi) and (max-resolution:143dpi) {
    .toolbar__icon.toolbar__icon-big,.x-huge .toolbar__icon {
        background-image:url(../img/iconsbig@1.25x.png);
        background-size: 56px auto
    }
}

.toolbar__icon.toolbar__icon-big {
    background-size: 56px auto;
    background-size: var(--big-icon-background-image-width) auto
}

.pixel-ratio__1_25 .options__icon.options__icon-huge {
    background-image: url(../img/iconshuge@1.25x.png);
    background-size: 80px auto;
    background-size: var(--huge-icon-background-image-width) auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.7),only screen and (min-resolution:1.5dppx) and (max-resolution:1.7dppx),only screen and (min-resolution:144dpi) and (max-resolution:167dpi) {
    .menu__icon,.toolbar__icon {
        background-image:url(../img/iconssmall@1.5x.png);
        background-size: 40px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.7),only screen and (min-resolution:1.5dppx) and (max-resolution:1.7dppx),only screen and (min-resolution:144dpi) and (max-resolution:167dpi) {
    .toolbar__icon.toolbar__icon-big,.x-huge .toolbar__icon {
        background-image:url(../img/iconsbig@1.5x.png);
        background-size: 56px auto
    }
}

.toolbar__icon.toolbar__icon-big {
    background-size: 56px auto;
    background-size: var(--big-icon-background-image-width) auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.5dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:144dpi) and (max-resolution:191dpi) {
    .options__icon.options__icon-huge {
        background-image:url(../img/iconshuge@1.5x.png);
        background-size: 80px auto;
        background-size: var(--huge-icon-background-image-width) auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.75dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:168dpi) and (max-resolution:191dpi) {
    .menu__icon,.toolbar__icon {
        background-image:url(../img/iconssmall@1.75x.png);
        background-size: 40px auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.75) and (-webkit-max-device-pixel-ratio:1.9),only screen and (min-resolution:1.75dppx) and (max-resolution:1.9dppx),only screen and (min-resolution:168dpi) and (max-resolution:191dpi) {
    .toolbar__icon.toolbar__icon-big,.x-huge .toolbar__icon {
        background-image:url(../img/iconsbig@1.75x.png);
        background-size: 56px auto
    }
}

.toolbar__icon.toolbar__icon-big {
    background-size: 56px auto;
    background-size: var(--big-icon-background-image-width) auto
}

.pixel-ratio__1_75 .options__icon.options__icon-huge {
    background-image: url(../img/iconshuge@1.75x.png);
    background-size: 80px auto;
    background-size: var(--huge-icon-background-image-width) auto
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:2dppx),only screen and (min-resolution:192dpi) {
    .options__icon.options__icon-huge {
        background-image:url(../img/iconshuge@2x.png);
        background-size: var(--huge-icon-background-image-width) auto
    }
}

:root {
    --big-icon-background-image-width: 56px;
    --huge-icon-background-image-width: 80px
}

.font-size-small {
    font-size: 9px
}

.font-size-normal {
    font-size: 11px
}

.font-size-large {
    font-size: 13px
}

#editor-container {
    background-color: var(--canvas-background)
}

.doc-placeholder {
    background: var(--canvas-content-background);
    width: 794px;
    margin: 46px auto;
    height: 100%;
    border: 1px solid var(--canvas-page-border);
    padding-top: 50px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.doc-placeholder>.line {
    height: 15px;
    margin: 30px 80px;
    background: rgba(0,0,0,.05);
    overflow: hidden;
    position: relative
}

.content-theme-dark .doc-placeholder {
    background-color: #3a3a3a;
    border-color: #2a2a2a
}

.content-theme-dark .doc-placeholder>.line {
    background-color: rgba(255,255,255,.05)
}
